/*
Theme Name: PWP - E-Shop
Theme URI: https://basic-web.ch
Author: Basic Web
Author URI: https://basic-web.ch
Description: PWP - E-Shop - Electronics eCommerce WordPress Theme based on WooCommerce. Merged style1.css + style2.css with CSS variables.
Version: 1.0.0
*/
@charset "UTF-8";

:root {
  --theme-color: #019ee3;
  --theme-font: 'Inter', sans-serif;
  --wp--preset--font-size--small: 14px;
  --wp--preset--font-size--medium: 16px;
  --color-white: #ffffff;
  --color-text: #272727;
  --color-text-secondary: #47494a;
  --color-text-muted: #777777;
  --color-text-soft: #9d9c9c;
  --color-transparent: transparent;
  --color-border: #ebebeb;
  --color-border-soft: #e5e5e5;
  --color-surface: #f7f7f7;
  --color-surface-alt: #f4f4f4;
  --color-surface-soft: #f5f5f5;
  --color-surface-accent: #f5f8fb;
  --color-surface-info: #ddf1fb;
  --color-surface-info-strong: #c5e8f7;
  --color-border-inverse: rgba(255, 255, 255, 0.1);
  --color-shadow: rgba(51, 51, 51, 0.25);
  --color-overlay-soft: rgba(0, 0, 0, 0.05);
  --color-overlay-subtle: rgba(0, 0, 0, 0.06);
  --color-overlay-light: rgba(0, 0, 0, 0.1);
  --color-overlay-medium: rgba(0, 0, 0, 0.15);
  --color-overlay: rgba(0, 0, 0, 0.2);
  --color-overlay-strong: rgba(0, 0, 0, 0.3);
  --color-overlay-heavy: rgba(0, 0, 0, 0.5);
  --color-overlay-dark-72: rgba(10, 20, 30, 0.72);
  --color-overlay-dark-30: rgba(10, 20, 30, 0.30);
  --color-accent-alt-dark: #0562d6;
  --color-accent-alt: #146cda;
  --color-accent-soft: #5189fc;
  --color-highlight: #f7d807;
  --color-rating: #fdd835;
  --color-danger: #eb2606;
  --color-gold: #c19a6b;
  --color-neutral-mid: #bebebe;
  --color-social-facebook: #3b579d;
  --color-social-twitter: #1da1f2;
  --color-social-google: #cc3333;
  --color-social-youtube: #d32a2a;
  --color-social-instagram: #a0369c;
}

/* FA Sharp — pour les pseudo-éléments CSS (::before / ::after) */
@font-face {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-sharp-solid-900.woff2") format("woff2");
}

/*-----------------------------------------------------------------------------------

	Template Name: Rozer – Electronics eCommerce HTML Template
	Version: 1.0

-----------------------------------------------------------------------------------

	CSS INDEX
	===================

	01. Template default CSS
	02. Template Spacing CSS
	03. Header CSS
	  3.1. Header Nav CSS
	  3.2. Header Tools CSS
	  3.3. Header Top CSS
	  3.4. Header Menu CSS
	04. Minicart CSS
	05. Offcanvas CSS
	06. Search Category CSS
	07. Category Nav CSS
	08. Category Tab CSS
	09. Slider CSS
	  9.1. Slider CSS
	  9.2. Slider Nav CSS
	10. Banner CSS
	11. Static CSS
	12. Popular Category CSS
	13. Feature Product CSS
	14. Deal Product CSS
	15. Recent Product CSS
	16. Breadcrumb CSS
	17. About CSS
	18. Shop CSS
		18.1. Shop Category CSS
		18.2. Single Product CSS
		18.3. Single Product Gallery CSS
		18.4. Single Product Group CSS
		18.5. Single Product Variable CSS
		18.6. Single Product Tab CSS
	19. Pages CSS
		19.1. About CSS
		19.2. Account CSS
		19.3. Cart CSS
		19.4. Checkout CSS
		19.5.Compare CSS
		19.6. Wishlist CSS
		19.7. Login / Register CSS
		19.8. Contact CSS
		19.9. 404 CSS
		19.10. Empty Cart CSS
	20. Blog CSS
	21. Footer CSS

-----------------------------------------------------------------------------------*/
body {
  font-family: var(--theme-font);
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  line-height: inherit;
  position: relative;
  visibility: visible;
  overflow-x: hidden;
  color: var(--color-text-soft);
  background-color: var(--color-white);
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font);
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 1rem 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--theme-font);
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 1rem 0;
}

button, input {
  overflow: visible;
  border: 0;
  outline: none;
  background: var(--color-transparent);
  padding: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: var(--theme-font);
  font-size: inherit;
  line-height: inherit;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-image: none !important;
}

button:focus {
  outline: 0 dotted;
  outline: 0 auto -webkit-focus-ring-color;
}

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
  outline: 0 dotted;
  outline: 0 auto -webkit-focus-ring-color;
}

a:hover {
  text-decoration: none;
}

a {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  outline: 0 none;
  text-decoration: none;
  color: var(--theme-color);
}

ul, ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.the-content ul, .the-content ol {
  margin: 0 0 1rem 0;
  padding: 0 0 0 2rem;
  list-style-position: outside;
}

.the-content ul li, .the-content ol li {
  list-style: inherit;
}

p {
  margin: 0 0 1rem 0;
}

.img-responsive {
  max-width: 100%;
  display: block;
}

.mb-0px {
  margin-bottom: 0 !important;
}

.ptb-30px {
  padding: 2rem 0;
}

.mtb-60px {
  margin: 60px 0;
}

.mtb-50px {
  margin: 50px 0;
}

.ptb-60px {
  padding: 60px 0;
}

.ptb-50px {
  padding: 50px 0;
}

.ptb-40px {
  padding: 40px 0;
}

.ptb-10px {
  padding: 10px 0;
}

.ptb-13px {
  padding: 13px 0;
}

.ptb-20px {
  padding: 20px 0;
}

.mt-30px {
  margin-top: 2rem;
}

.mt-50px {
  margin-top: 50px;
}

.mt-20px {
  margin-top: 20px;
}

.mt-15px {
  margin-top: 15px;
}

.mt-40px {
  margin-top: 40px;
}

.mt-60px {
  margin-top: 60px;
}

.pt-60px {
  padding-top: 60px;
}

.pt-50px {
  padding-top: 50px;
}

.pb-30px {
  padding-bottom: 2rem;
}

.pb-20px {
  padding-bottom: 20px;
}

.pb-40px {
  padding-bottom: 40px;
}

.pb-50px {
  padding-bottom: 50px;
}

.mb-30px {
  margin-bottom: 2rem;
}

.mb-20px {
  margin-bottom: 20px;
}

.mb-15px {
  margin-bottom: 15px;
}

.mb-10px {
  margin-bottom: 10px;
}

.mb-40px {
  margin-bottom: 40px;
}

.mb-50px {
  margin-bottom: 50px;
}

.mb-60px {
  margin-bottom: 60px;
}

.bg-blue {
  background-color: var(--theme-color);
}

.bg-blue-deep {
  background-color: var(--color-accent-alt-dark);
}

.bg-blue-light {
  background-color: var(--color-accent-alt);
}

.border-top {
  border-top: 1px solid var(--color-border-inverse) !important;
}

.bg-white {
  background-color: var(--color-white);
}

.bg-light-gray {
  background-color: var(--color-surface-alt);
}

.bg-light-gray-2 {
  background-color: var(--color-surface);
}

.bg-light-gray-3 {
  background-color: var(--color-surface);
}

.color-gray {
  color: var(--color-text-secondary);
}

.color-black {
  color: var(--color-text);
}

.color-white {
  color: var(--color-white);
}

.mr-20px {
  margin-right: 20px;
}

.ml-20px {
  margin-left: 20px;
}

.mr-30px {
  margin-right: 2rem !important;
}

.custom-col {
  padding: 0;
}

.pl-60px {
  padding-left: 60px;
}

@media only screen and (max-width: 767px) {
  .pl-60px {
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 360px) {
  .pl-60px {
    padding-left: 0;
  }
}

.padding-30px {
  padding: 2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-30px {
    padding: 20px;
  }
}

.mr-120px {
  margin-right: 120px;
}

.single-slide .slider-content-1 * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.single-slide.slick-active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.single-slide.slick-active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.single-slide.slick-active .slider-animated-3 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slide.slick-active .slider-animated-2 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slide.slick-active .slider-animated-3 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slide.slick-active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slide.slick-active .slider-animated-1 p {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slide.slick-active .slider-animated-2 p {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.single-slide.slick-active .slider-animated-3 p {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.section-title {
  position: relative;
  margin-bottom: 25px;
}

.section-title h2 {
  margin: 0;
  position: relative;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding-right: 2rem;
  background: var(--color-white);
  z-index: 2;
  font-family: var(--theme-font);
  font-size: 24px;
  color: var(--color-text);
}

.section-title:before {
  content: "";
  background: var(--color-border-soft);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 55%;
  left: 0;
}

.sticky-nav.menu_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  -webkit-animation: sticky 1s;
  animation: sticky 1s;
  -webkit-box-shadow: 2px 4px 8px var(--color-shadow);
  box-shadow: 2px 4px 8px var(--color-shadow);
  padding: 20px 0;
  border: 0;
}

.sticky-nav.menu_fixed.padding-0px {
  padding: 0;
}

.sticky-nav.menu_fixed.header-style-3 {
  padding: 5px 0;
}

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

#scrollUp {
  width: 50px;
  height: 50px;
  background-color: var(--theme-color);
  color: var(--color-white);
  right: 20px;
  bottom: 20px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
  font-size: 20px;
  line-height: 50px;
}

#scrollUp:hover {
  background: var(--color-text);
  color: var(--color-white);
  -webkit-box-shadow: 0 0 20px var(--color-white);
  box-shadow: 0 0 20px var(--color-white);
}

.tab-content .tab-pane {
  display: block;
  overflow: hidden;
  height: 0;
  visibility: hidden;
  max-width: 100%;
  opacity: 0;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

.animation {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideDownIn {
  0% {
    -webkit-transform: translateY(-20px);
  }
  
  100% {
    -webkit-transform: translateY(0);
  }
  
  0% {
    -webkit-transform: translateY(-20);
  }
}

@keyframes slideDownIn {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.slideDownIn {
  -webkit-animation-name: slideDownIn;
  animation-name: slideDownIn;
}

@-webkit-keyframes slideUpIn {
  0% {
    -webkit-transform: translateY(20px);
  }
  
  100% {
    -webkit-transform: translateY(0);
  }
  
  0% {
    -webkit-transform: translateY(20px);
  }
}

@keyframes slideUpIn {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.slideUpIn {
  -webkit-animation-name: slideUpIn;
  animation-name: slideUpIn;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px;
  outline: 0 none;
}

.header-nav {
  padding: 15px 0;
  line-height: 12px;
  font-size: 13px;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
}

.header-nav .header-static-nav a {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 400;
}

.header-nav .header-static-nav a:hover {
  color: var(--theme-color);
}

.header-nav li {
  padding: 0 20px;
  border-right: 1px solid var(--color-text-soft);
  display: inline-block;
}

@media only screen and (max-width: 575px) {
  .header-nav li {
    padding: 0 8px;
  }
}

.header-nav li.pr-0 {
  padding-right: 0;
  border: 0;
}

.header-nav ul li ul.dropdown-menu {
  margin: 0;
  top: 28px !important;
  left: auto !important;
  right: 0;
  min-width: 140px;
  overflow: hidden;
  background: var(--color-white);
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 3px 25.5px 4.5px var(--color-overlay-subtle);
  box-shadow: 0 3px 25.5px 4.5px var(--color-overlay-subtle);
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  inset: 31px auto auto -28px !important;
}

.header-nav ul li ul.dropdown-menu li {
  display: block;
  padding: 0 18px;
  border: 0;
}

.header-nav ul li ul.dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 12px 10px;
  color: var(--color-text-secondary);
  /* Meme taille que le bouton qui ouvre le menu et que les liens de la barre. */
  font-size: 13px;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  var(--color-white)-space: nowrap;
  background: none;
  border-bottom: 1px solid var(--color-border);
}

.header-nav ul li ul.dropdown-menu li a img {
  vertical-align: top;
  margin-right: 5px;
}

.header-nav ul li ul.dropdown-menu li:hover > a {
  color: var(--theme-color);
}

.header-nav ul li ul.dropdown-menu li:last-child a {
  border-bottom: 0 solid var(--color-border);
}

.header-nav ul li button {
  /* Le bouton d'un menu deroulant doit peser exactement comme le lien voisin
     (« Se connecter »), qui herite des 13px de la barre. */
  font-size: inherit;
  color: var(--color-text);
}

.header-nav ul li button:hover {
  color: var(--theme-color);
}

.header-nav ul li button i {
  font-size: 12px;
  vertical-align: 0;
  margin-left: 2px;
}

.header-nav ul li button img {
  vertical-align: top;
  margin-right: 3px;
}

@media only screen and (max-width: 575px) {
  .header-nav .header-static-nav {
    text-align: center;
    margin: 0 0 15px;
  }
  
  .header-nav .header-menu-nav {
    text-align: center;
  }
}

.header-nav.header-nav-2 {
  border-bottom: 1px solid var(--color-accent-soft);
}

.header-nav.header-nav-2 .header-static-nav a {
  color: var(--color-white);
}

.header-nav.header-nav-2 ul li button {
  color: var(--color-white);
}

.header-top .header-right-element .contact-link {
  float: right;
  padding-left: 45px;
  line-height: 17px;
  position: relative;
  color: var(--color-text-secondary);
  margin-top: 6px;
  margin-right: 50px;
  margin-left: 100px;
}

.header-top .header-right-element .contact-link a {
  color: var(--color-text);
  font-weight: 700;
}

.header-top .header-right-element .contact-link a:hover {
  color: var(--theme-color);
}

.header-top .header-right-element .contact-link:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-top .header-right-element .contact-link {
    margin-right: 50px;
    margin-left: 50px;
  }
}

.header-menu {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.header-menu .header-menu-vertical {
  position: relative;
  z-index: 9;
}

.header-menu .header-menu-vertical .menu-title {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 600;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
  margin: 0;
  padding: 0 20px;
  background-color: var(--theme-color);
}

.header-menu .header-menu-vertical .menu-title:before {
  content: "\e871";
  display: inline-block;
  font-size: 21px;
  font-family: "Linearicons-Free";
  font-weight: 400;
  margin-right: 10px;
  text-align: center;
  vertical-align: -3px;
}

.header-menu .header-menu-vertical .menu-title:after {
  content: "\f078";
  display: inline-block;
  font-size: 12px;
  font-family: "Font Awesome 7 Sharp";
  font-weight: 900;
  margin-left: 7px;
  float: right;
  -webkit-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}

.header-menu .header-menu-vertical .be-af-none {
  padding-left: 20px;
}

.header-menu .header-menu-vertical .be-af-none:after {
  display: none;
}

.header-menu .header-menu-vertical .be-af-none:before {
  display: none;
}

.header-menu .header-menu-vertical .display-block {
  display: block;
}

.header-menu .header-menu-vertical .display-none {
  display: none;
}

.header-menu .header-menu-vertical .menu-content {
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  position: absolute;
  top: 100%;
  left: 0;
  min-width: auto;
}

.header-menu .header-menu-vertical .menu-content.display-block {
  min-width: inherit;
}

.header-menu .header-menu-vertical .menu-content li.expand a {
  padding-left: 45px;
  font-weight: 700;
}

.header-menu .header-menu-vertical .menu-content li.expand a i {
  right: auto;
  left: 20px;
}

.header-menu .header-menu-vertical .menu-content li {
  display: block;
  position: relative;
}

.header-menu .header-menu-vertical .menu-content li a {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 24px;
  word-wrap: break-word;
  background: var(--color-white);
  color: var(--color-text);
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li a {
    padding: 8px 15px;
  }
}

.header-menu .header-menu-vertical .menu-content li .sub-menu {
  position: absolute;
  z-index: 9;
  text-align: left;
  top: 0;
  left: 100%;
  background: var(--color-white);
  padding: 15px 10px 15px 10px;
  display: inline-block;
  width: 900px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: 1px solid var(--color-border);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu {
    width: 72rem;
  }
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li {
  width: 25%;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li a {
  margin: 5px 0px 5px 0px;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li a:hover {
  background: var(--color-white);
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li a:hover strong {
  color: var(--theme-color);
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li a strong {
  color: var(--color-text);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li {
  width: 100%;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a {
  padding: 2px 20px 2px 20px;
  color: var(--color-text-muted);
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a:hover {
  background: var(--color-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a {
    padding: 2px 0px 2px 15px;
  }
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li:hover a {
  color: var(--theme-color);
  padding-left: 2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li:hover a {
    padding-left: 25px;
  }
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li img {
  width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin-top: 10px;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu li img:hover {
  -webkit-transform: scale(1.05) rotate(0.05deg);
  transform: scale(1.05) rotate(0.05deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 {
  padding: 0;
  width: 240px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
}

.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li {
  width: 100%;
  padding: 0;
  line-height: 20px;
  border-bottom: 1px solid var(--color-border);
  position: relative;
  display: block;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li a {
  padding: 3px 20px;
}

.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li:last-child {
  border-bottom: 0;
}

.header-menu .header-menu-vertical .menu-content li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.header-menu .header-menu-vertical .menu-content li a {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.header-menu .header-menu-vertical .menu-content li a:hover {
  background: var(--color-surface-soft);
}

.header-menu .header-menu-vertical .menu-content li a i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-menu .header-menu-vertical li:hover > a {
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu {
  margin-left: 15px;
}

.header-menu .header-horizontal-menu li {
  float: left;
  margin-left: 38px;
  padding: 15px 0;
  position: relative;
}

.header-menu .header-horizontal-menu li:first-child {
  margin-left: 0;
}

.header-menu .header-horizontal-menu li a {
  display: block;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text);
  background: var(--color-transparent);
  line-height: 24px;
  height: 24px;
  position: relative;
}

.header-menu .header-horizontal-menu li.current-menu-item a, .header-menu .header-horizontal-menu li.current_page_parent a {
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu li:hover > a {
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu li.menu-dropdown {
  position: relative;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu {
  position: absolute;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  min-width: 205px;
  left: auto !important;
  background: var(--color-white);
  -webkit-box-shadow: 0 0 3.76px 0.24px var(--color-overlay-medium);
  box-shadow: 0 0 3.76px 0.24px var(--color-overlay-medium);
  top: 54px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li {
  display: block;
  margin: 0;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid var(--color-border);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:last-child {
  border: 0;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a {
  color: var(--color-text-secondary);
  font-weight: 400;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:hover > a {
  color: var(--theme-color);
  padding-left: 8px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static {
  position: relative !important;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static:hover .main-sub-menu.main-sub-menu-2 {
  -webkit-transform: translateY(-54px);
  transform: translateY(-54px);
  opacity: 1;
  visibility: visible;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu.main-sub-menu-2 {
  left: 100% !important;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
}

.header-menu .header-horizontal-menu li.menu-dropdown:hover .main-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  padding: 0 !important;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
  background-color: var(--color-white);
  display: block;
  left: -100px;
  padding: 2rem 2rem 2rem 2rem;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 1010px;
  z-index: 9999;
  -webkit-box-shadow: 0 2px 9.4px 0.6px var(--color-overlay-subtle);
  box-shadow: 0 2px 9.4px 0.6px var(--color-overlay-subtle);
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li {
  margin: 0;
  width: 25%;
  padding: 0 0px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li a {
  color: var(--color-text-secondary);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title {
  padding: 0 0px;
  margin: 0 0 5px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 700;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a:hover {
  padding: 0 0px;
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li {
  width: 100%;
  padding: 0 0px;
  overflow: hidden;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a {
  color: var(--color-text-secondary);
  font-weight: 400;
  margin: 3px 0;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a:hover {
  padding-left: 10px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li:hover > a {
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 {
  width: 100%;
  margin-top: 20px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a {
  display: inline;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a:hover {
  padding: 0;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img {
  max-width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img:hover {
  -webkit-transform: scale(1.05) rotate(0.05deg);
  transform: scale(1.05) rotate(0.05deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 790px;
  }
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
  width: 1110px;
  left: -500px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li {
  width: 33.33333%;
  float: left;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item {
  margin: 0 0 20px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 {
  margin-bottom: 20px;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 a {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 700;
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 a:hover {
  color: var(--theme-color);
}

.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-text-muted);
  line-height: 24px;
  padding: 0 50px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 2rem 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.left-0px {
    left: 0;
  }
}

.header-menu .header-horizontal-menu li.menu-dropdown:hover .mega-menu-wrap {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.header-menu.header-menu-2 li a {
  color: var(--color-white);
}

.header-menu.header-menu-2 li:hover a {
  color: var(--color-white);
}

.header-menu.header-menu-2 .header-menu-vertical .menu-title {
  color: var(--color-highlight);
}

.header-menu.header-menu-2 .header-menu-vertical li:hover > a {
  color: var(--theme-color);
}

.header-menu-style-2 {
  padding: 21px 0;
  line-height: 12px;
  font-size: 13px;
}

.header-menu-style-2 li {
  padding: 0 15px;
  border-right: 1px solid var(--color-text-secondary);
}

.header-menu-style-2 li button {
  color: 1d1d1d;
}

.header-menu-style-2 li button:hover {
  color: var(--theme-color);
}

.header-menu-style-2 .pr-0 {
  padding-right: 0;
  border: 0;
}

.header-menu-style-2 ul.dropdown-menu {
  margin: 0;
  top: 28px !important;
  left: auto !important;
  right: 0 !important;
  min-width: 12rem;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid var(--color-border);
  background: var(--color-white) none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px var(--color-overlay-strong);
  box-shadow: 0 1px 7px -2px var(--color-overlay-strong);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
}

.header-menu-style-2 ul.dropdown-menu li {
  display: block;
  padding: 0 18px;
  border: 0;
}

.header-menu-style-2 ul.dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 12px 10px;
  color: var(--color-text-secondary);
  font-size: 13px;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  var(--color-white)-space: nowrap;
  background: none;
  border-bottom: 1px solid var(--color-border);
}

.header-menu-style-2 ul.dropdown-menu li a:hover {
  color: var(--theme-color);
}

.header-menu-style-2 ul.dropdown-menu li:last-child a {
  border-bottom: 0 solid var(--color-border);
}

.header-style-3 .header-nav {
  border: 0;
  padding: 0 15px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-style-3 .header-nav li {
    padding: 0 10px;
  }
}

.header-style-3.header-style-4 {
  padding: 35px 0px 82px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-style-3.header-style-4 .header-menu-3 .header-horizontal-menu li {
    margin-left: 25px;
  }
}

.header-menu-3 .header-horizontal-menu {
  margin-left: 15px;
}

.header-menu-3 .header-horizontal-menu li {
  float: left;
  margin-left: 32px;
  padding: 15px 0;
  position: relative;
}

.header-menu-3 .header-horizontal-menu li:first-child {
  margin-left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li {
    margin-left: 14px;
  }
}

.header-menu-3 .header-horizontal-menu li a {
  display: block;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text);
  background: var(--color-transparent);
  line-height: 24px;
  height: 24px;
  position: relative;
}

.header-menu-3 .header-horizontal-menu li:hover > a {
  color: var(--theme-color);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown {
  position: relative;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu {
  position: absolute;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  min-width: 205px;
  left: auto !important;
  background: var(--color-white);
  -webkit-box-shadow: 0 0 3.76px 0.24px var(--color-overlay-medium);
  box-shadow: 0 0 3.76px 0.24px var(--color-overlay-medium);
  top: 54px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li {
  display: block;
  margin: 0;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid var(--color-border);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:last-child {
  border: 0;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a {
  color: var(--color-text-secondary);
  font-weight: 400;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:hover > a {
  color: var(--theme-color);
  padding-left: 8px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static {
  position: relative !important;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static:hover .main-sub-menu.main-sub-menu-2 {
  -webkit-transform: translateY(-54px);
  transform: translateY(-54px);
  opacity: 1;
  visibility: visible;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.main-sub-menu.main-sub-menu-2 {
  left: 100% !important;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown:hover .main-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  padding: 0 !important;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
  background-color: var(--color-white);
  display: block;
  left: -100px;
  padding: 2rem 2rem 2rem 2rem;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 1010px;
  z-index: 9999;
  -webkit-box-shadow: 0 2px 9.4px 0.6px var(--color-overlay-subtle);
  box-shadow: 0 2px 9.4px 0.6px var(--color-overlay-subtle);
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li {
  margin: 0;
  width: 25%;
  padding: 0 0px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li a {
  color: var(--color-text-secondary);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title {
  padding: 0 0px;
  margin: 0 0 5px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 700;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a:hover {
  padding: 0 0px;
  color: var(--theme-color);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li {
  width: 100%;
  padding: 0 0px;
  overflow: hidden;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a {
  color: var(--color-text-secondary);
  font-weight: 400;
  margin: 3px 0;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a:hover {
  padding-left: 10px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li:hover > a {
  color: var(--theme-color);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 {
  width: 100%;
  margin-top: 20px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a {
  display: inline;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a:hover {
  padding: 0;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img {
  max-width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img:hover {
  -webkit-transform: scale(1.05) rotate(0.05deg);
  transform: scale(1.05) rotate(0.05deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 790px;
  }
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
  width: 1110px;
  left: -500px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li {
  width: 33.33333%;
  float: left;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item {
  margin: 0 0 20px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 {
  margin-bottom: 20px;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 a {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 700;
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item h4 a:hover {
  color: var(--theme-color);
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-text-muted);
  line-height: 18px;
  padding: 0 50px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 2rem 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -400px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.left-0px {
    left: 0;
  }
}

.header-menu-3 .header-horizontal-menu li.menu-dropdown:hover .mega-menu-wrap {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.header-menu.header-menu-style-3 {
  border: 0;
}

.header-menu.header-menu-style-3 .header-menu-vertical {
  position: relative;
  z-index: 9;
  border: 1px solid var(--color-accent-soft);
  border-radius: 0;
  padding: 0 20px;
}

.header-menu.header-menu-style-3 .header-menu-vertical .menu-title {
  height: auto;
  line-height: 18px;
  background-color: var(--color-transparent);
  padding-left: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title {
    padding-left: 16px;
  }
}

.header-menu.header-menu-style-3 .header-menu-vertical .menu-title:before {
  content: "\e871";
  display: inline-block;
  font-size: 21px;
  font-family: "Linearicons-Free";
  font-weight: 400;
  line-height: 40px;
  margin-right: 10px;
  position: absolute;
  left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title:before {
    left: 8px;
  }
}

.header-menu.header-menu-style-3 .header-menu-vertical .menu-title:after {
  content: "\f078";
  display: inline-block;
  font-size: 12px;
  font-family: "Font Awesome 7 Sharp";
  font-weight: 900;
  position: absolute;
  margin-left: 7px;
  float: right;
  line-height: 48px;
  top: 0;
  position: absolute;
  right: 10px;
}

.header-menu.header-menu-style-3 .header-menu-vertical .menu-content {
  width: 280px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-content {
    width: 22rem;
  }
}

.header-menu.header-menu-style-3 .search-element input {
  background-color: var(--color-white);
}

.header-menu.header-menu-style-3 .search-element button {
  background-color: var(--color-highlight);
  color: var(--color-text);
}

.header-menu.header-menu-style-3 .search-element button:hover {
  background-color: var(--color-text);
  color: var(--color-white);
}

.header-menu.header-menu-style-3 .header-tools .cart-info a {
  color: var(--color-white);
  margin-top: 10px;
  display: inline-block;
}

.header-menu.header-menu-style-3 .header-tools .cart-info a:before {
  background-color: var(--color-highlight);
  color: var(--color-text);
}

.header-menu.header-menu-style-3 .header-tools .cart-info a:hover {
  color: var(--color-white);
}

.header-menu.header-menu-style-3 .header-bottom {
  background: var(--color-white);
  padding: 13px 20px;
  border-radius: 0;
  margin-top: -60px;
  position: relative;
}

.header-menu.header-menu-style-3 .header-bottom .header-menu-vertical {
  border: 0;
}

.header-menu.header-menu-style-3 .header-bottom .header-menu-vertical .menu-title {
  color: var(--color-text);
}

.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a {
  color: var(--color-text);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a {
    margin-right: 20px;
  }
}

.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a:hover {
  color: var(--theme-color);
}

.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a.bag {
  margin: 0;
}

.header-style-4 .header-menu-3 .header-horizontal-menu li a {
  color: var(--color-white);
}

.contact-link .phone {
  color: var(--color-white);
  float: right;
  padding-left: 51px;
  position: relative;
  text-align: left;
}

.contact-link .phone p {
  display: block;
  font-size: 13px;
  line-height: 24px;
}

.contact-link .phone a {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-white);
}

.contact-link .phone:before {
  content: "";
  background: url(../images/icons/icon-contact-nav.png) no-repeat 100% 100%;
  position: absolute;
  top: 6px;
  left: 0;
  width: 39px;
  height: 39px;
  display: inline-block;
}

.slider-height-1 {
  height: 460px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 300px;
  }
}

.slider-height-2 {
  height: 480px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 300px;
  }
}

.slider-height-3 {
  height: 475px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 42rem;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 300px;
  }
}

.slider-height-4 {
  height: 52rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 42rem;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 300px;
  }
}

.slider-area .bg-img {
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  background-color: var(--color-neutral-mid);
}

.slider-area .bg-img:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-white);
  z-index: -1;
  opacity: 0.32;
}

.slider-area .bg-img .slider-content-1 p {
  display: block;
  font-size: 20px;
  color: var(--color-text-muted);
  font-weight: 300;
  line-height: 24px;
  margin-top: 25px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 p {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

.slider-area .bg-img .slider-content-1 h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-text);
}

@media only screen and (max-width: 767px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 28px;
  }
}

.slider-area .bg-img .slider-content-1 a {
  width: 140px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  background-color: var(--color-accent-alt);
  color: var(--color-white);
  font-weight: 700;
  border-radius: 0;
  font-size: 14px;
}

.slider-area .bg-img .slider-content-1 a:hover {
  background-color: var(--color-text);
}

.slider-area .slick-dots {
  position: absolute;
  top: auto;
  left: 50%;
  margin-left: -36px;
  bottom: 2rem;
  z-index: 1;
}

.slider-area .slick-dots li {
  font-size: 0;
  width: 14px;
  height: 14px;
  background: var(--color-white);
  margin: 0 5px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.slider-area .slick-dots li.slick-active {
  background: var(--theme-color);
}

.slider-area .slick-dots li:hover {
  background: var(--theme-color);
}

.slider-area.slider-dots-style-2 .slick-dots {
  left: 70px;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-2 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}

.slider-area.slider-dots-style-3 .slick-dots {
  left: 10%;
}

@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-3 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}

.slider-nav-style-1 .slick-arrow {
  position: absolute;
  top: -44px;
  right: 0;
  background: var(--color-white);
  padding-left: 2rem;
  font-size: 16px;
  z-index: 1;
}

.slider-nav-style-1 .slick-arrow i {
  cursor: pointer;
  webkit-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.slider-nav-style-1 .slick-arrow i:hover {
  color: var(--theme-color);
}

.slider-nav-style-1 .slick-arrow.next {
  right: 0;
}

.slider-nav-style-1 .slick-arrow.prev {
  right: 17px;
  z-index: 2;
}

.slider-nav-style-1.slider-nav-style-4 .slick-arrow {
  top: -45px;
}

.slider-nav-style-1.slider-nav-style-5 .slick-arrow {
  top: -54px;
}

.slider-nav-style-2 .slick-arrow {
  position: absolute;
  top: -44px;
  right: 0;
  background: var(--color-white);
  padding-left: 2rem;
  font-size: 16px;
  z-index: 1;
}

.slider-nav-style-2 .slick-arrow i {
  cursor: pointer;
  webkit-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.slider-nav-style-2 .slick-arrow i:hover {
  color: var(--theme-color);
}

.slider-nav-style-2 .slick-arrow.next {
  right: 15px;
}

.slider-nav-style-2 .slick-arrow.prev {
  right: 32px;
  z-index: 2;
}

.slider-nav-style-3 .slick-arrow {
  position: absolute;
  top: -48px;
  right: 0;
  background: var(--color-white);
  font-size: 16px;
  z-index: 1;
}

.slider-nav-style-3 .slick-arrow i {
  cursor: pointer;
  webkit-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.slider-nav-style-3 .slick-arrow i:hover {
  color: var(--theme-color);
}

.slider-nav-style-3 .slick-arrow.next {
  right: 15px;
}

.slider-nav-style-3 .slick-arrow.prev {
  right: 32px;
  z-index: 2;
}

.static-area .static-area-wrap {
  border: 1px solid var(--color-border-soft);
  padding: 2rem 0;
}

.static-area .static-area-wrap .col-lg-3 {
  padding: 0;
}

.static-area .single-static {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 2rem 0px 2rem;
  border-left: 1px solid var(--color-surface-alt);
}

@media only screen and (max-width: 767px) {
  .static-area .single-static {
    padding: 0 2rem 0px 2rem;
  }
}

.static-area .single-static img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  margin-right: 15px;
}

.static-area .single-static .single-static-meta h4 {
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .static-area .single-static .single-static-meta h4 {
    font-size: 14px;
  }
}

.static-area .single-static .single-static-meta p {
  line-height: 17px;
  color: var(--color-text-soft);
  font-size: 13px;
  font-weight: 300;
  margin: 0;
}

.banner-area .banner-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}

.banner-area .banner-wrapper img {
  width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.banner-area .banner-wrapper:hover img {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.banner-area .banner-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.banner-area .banner-wrapper:hover::before {
  -webkit-box-shadow: 0 0 0 15px var(--color-overlay-light) inset;
  box-shadow: 0 0 0 15px var(--color-overlay-light) inset;
}

.banner-area.banner-area-2 .banner-wrapper {
  margin: 0;
}

.banner-area.banner-area-2 .banner-wrapper:first-child {
  margin-bottom: 15px;
}

.popular-categories-area .popular-category-slider-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}

.popular-categories-area .popular-category-slider-wrapper .single-slider-item {
  padding: 0 15px;
}

.popular-categories-area .popular-category-slider-wrapper .category-slider-bg {
  background-color: var(--color-white);
}

.popular-categories-area .popular-category-slider-wrapper .category-slider-bg .category-discript {
  padding: 2rem 25px;
}

.popular-categories-area .popular-category-slider-wrapper .thumb-category {
  position: relative;
  overflow: hidden;
}

.popular-categories-area .popular-category-slider-wrapper .thumb-category img {
  width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.popular-categories-area .popular-category-slider-wrapper .thumb-category:hover img {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transform: scale(1.035) rotate(0.05deg);
  transform: scale(1.035) rotate(0.05deg);
}

.popular-categories-area .popular-category-slider-wrapper .category-discript {
  padding-top: 20px;
  padding-left: 15px;
}

.popular-categories-area .popular-category-slider-wrapper .category-discript h4 {
  font-size: 15px;
  color: var(--color-text);
  display: block;
  line-height: 1;
  margin: 5px 0px 20px 0px;
}

.popular-categories-area .popular-category-slider-wrapper .category-discript li {
  display: block;
}

.popular-categories-area .popular-category-slider-wrapper .category-discript a {
  color: var(--color-text-soft);
  font-size: 13px;
  line-height: 24px;
  display: block;
}

.popular-categories-area .popular-category-slider-wrapper .category-discript a:hover {
  color: var(--theme-color);
}

.popular-categories-area .popular-category-slider-wrapper .category-discript a.view-all-btn {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: var(--theme-color);
  border-radius: 0;
}

.popular-categories-area .popular-category-slider-wrapper .category-discript a.view-all-btn:hover {
  color: var(--theme-color);
}

.popular-categories-area.popular-categories-area-2 .section-title h2 {
  background-color: var(--color-surface-alt);
}

.popular-categories-area.popular-categories-area-2 .slider-nav-style-2 .slick-arrow {
  background-color: var(--color-surface-alt);
}

.popular-categories-area.popular-categories-area-2 .popular-category-slider-wrapper .category-discript {
  padding-top: 0;
  padding-left: 0;
  background: var(--color-white);
}

.popular-categories-area.popular-categories-area-2 .popular-category-slider-wrapper .category-discript h4 {
  font-size: 15px;
  padding: 18px 0 19px 20px;
  color: var(--color-white);
  background: var(--theme-color);
  font-weight: 700;
  width: 100%;
  margin: 0 0px 20px 0px;
  display: inline-block;
}

.popular-categories-area.popular-categories-area-2 .popular-category-slider-wrapper .category-discript ul {
  padding: 0 0 0 20px;
}

.popular-categories-area.popular-categories-area-2 .popular-category-slider-wrapper .category-discript a.view-all-btn {
  line-height: 24px;
  color: var(--theme-color);
  border-radius: 0;
  padding: 0 0 20px 20px;
}

.list-product {
  position: relative;
  background: var(--color-white);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  padding: 2%;
}

/* --- Style carte produit standard (grid shop + homepage) --- */
.pwp-product-card {
  padding: 0;
  border: 1px solid var(--color-border);
}

/* Cartes de hauteur egale : la zone texte s'etire, le bouton reste en bas. */
.slider-single-item:has(> .pwp-product-card) {
  height: 100%;
}

.pwp-product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pwp-product-card .product-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.pwp-product-card .product-decs {
  flex: 1 1 auto;
}

.pwp-product-card .cart-btn {
  margin-top: auto;
}

.pwp-product-card__img-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.pwp-product-card__img-link {
  display: block;
  position: absolute;
  inset: 0;
  padding: 16px;
  box-sizing: border-box;
}

.pwp-product-card__img-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
}

.pwp-product-card .product-decs {
  padding: 12px 16px 8px;
  border-top: 1px solid var(--color-surface-alt);
}

.pwp-product-card .product-decs h2 a {
  margin-bottom: 6px;
}

.pwp-product-card .cart-btn {
  padding: 0 16px 14px;
}

.pwp-product-card:hover {
  -webkit-box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
  box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
}

.pwp-product-card:hover .product-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.list-product .product-inner {
  position: relative;
}

.list-product .img-block {
  position: relative;
}

.list-product .img-block img {
  width: 100%;
  margin: 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  height: auto;
}

.list-product .img-block .second-img {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  left: 0;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
}

.list-product:hover .product-inner {
  z-index: 3;
  border-radius: 0;
  -webkit-box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
  box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
}

.list-product:hover .second-img {
  opacity: 1;
  visibility: visible;
}

.list-product:hover .add-to-link {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.list-product .new {
  position: absolute;
  top: 10px !important;
  left: 15px;
  display: inline-block;
  color: var(--color-text);
  background: var(--color-highlight);
  padding: 0;
  width: 45px;
  text-align: center;
  line-height: 20px;
  height: 22px;
  font-size: 11px;
  text-align: center;
  z-index: 4;
  border-radius: 0;
  font-weight: 600;
}

.list-product .product-decs {
  padding: 15px;
}

.list-product .product-decs a {
  font-size: 12px;
  color: var(--color-text-soft);
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}

.product-decs .inner-link span {
  text-transform: uppercase;
}

.list-product .product-decs a:hover {
  color: var(--color-text);
}

.list-product .product-decs h2 {
  font-weight: 400;
  margin: 0;
  line-height: 1;
}

.list-product .product-decs h2 a {
  line-height: 20px;
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-text);
}

.list-product .product-decs h2 a:hover {
  color: var(--theme-color);
}

.list-product .product-decs .pricing-meta {
  line-height: 20px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.list-product .product-decs .pricing-meta li {
  color: var(--color-text-soft);
  font-weight: 400;
  margin-right: 5px;
  font-size: 12px;
}

.list-product .product-decs .pricing-meta li.old-price {
  text-decoration: line-through;
}

.list-product .product-decs .pricing-meta li.old-price.not-cut {
  text-decoration: none;
  color: var(--color-text);
  font-size: 16px;
  font-weight: 600;
}

.list-product .product-decs .pricing-meta li.current-price {
  font-weight: 700;
  color: var(--color-text);
  font-size: 16px;
}

.list-product .product-decs .pricing-meta li.discount-price {
  display: inline-block;
  vertical-align: top;
  color: var(--color-white);
  background: var(--color-danger);
  padding: 0 4px;
  border-radius: 0;
  text-align: center;
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  z-index: 4;
  margin-left: 2px;
}

.list-product .add-to-link {
  position: absolute;
  right: 15px;
  top: 15px;
  line-height: 1;
  font-size: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateX(25px) translateZ(0);
  -webkit-transform: translateX(25px) translateZ(0);
  perspective: 800px;
  -webkit-perspective: 800px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.list-product .add-to-link li {
  vertical-align: top;
  margin-bottom: 10px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  display: block;
}

.list-product .add-to-link a {
  display: inline-block;
  background: var(--color-border);
  color: var(--color-text);
  padding: 0;
  border: none;
  line-height: 36px;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  padding: 0;
  font-size: 16px;
  text-align: center;
}

.list-product .add-to-link a:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

.list-product .cart-btn {
  position: relative;
  opacity: 1;
}

.list-product .cart-btn a.add-to-curt {
  font-size: 13px;
  color: var(--color-white);
  background: var(--theme-color);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 20px;
  line-height: 36px;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
}

.list-product .cart-btn a.add-to-curt:hover {
  background-color: var(--color-text);
}

.feature-area .slider-single-item {
  margin-bottom: 15px;
}

.feature-tab-area .nav-tabs {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 15px;
}

.feature-tab-area .nav-tabs li a {
  margin: 0;
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-text-soft);
  cursor: pointer;
  margin-right: 35px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.feature-tab-area .nav-tabs li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: -1px;
  background: var(--color-transparent);
}

.feature-tab-area .nav-tabs li a.active {
  color: var(--color-text);
}

.feature-tab-area .nav-tabs li a.active:after {
  background: var(--theme-color);
}

.feature-tab-area .nav-tabs li a:hover {
  color: var(--color-text);
}

.feature-tab-area .nav-tabs li a:hover:after {
  background: var(--theme-color);
}

@media only screen and (max-width: 767px) {
  .feature-tab-area .nav-tabs li a {
    font-size: 16px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-tab-area .nav-tabs li a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1380px) {
  .single-product-responsive .list-product .add-to-link {
    padding: 0 7px 15px 10px;
  }
}

.hot-deal-slider-wrapper .list-product {
  width: 100%;
  padding: 15px;
  border: 1px solid var(--theme-color);
  border-radius: 0;
  margin: 2px 0 0;
}

.hot-deal-slider-wrapper .list-product:hover .product-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hot-deal-slider-wrapper .list-product .product-decs {
  padding: 50px 0 0 0;
}

.hot-deal-slider-wrapper .list-product .in-stock {
  font-size: 13px;
  color: var(--color-text-soft);
  line-height: 1;
  display: block;
}

.hot-deal-slider-wrapper .list-product .in-stock span {
  color: var(--theme-color);
}

.hot-deal-slider-wrapper .list-product .clockdiv {
  line-height: 1;
  padding: 35px 0px 20px 0px;
  font-size: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper .list-product .clockdiv {
    font-size: 18px;
  }
}

.hot-deal-slider-wrapper .list-product .clockdiv span {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  color: var(--color-text);
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper .list-product .clockdiv span {
    padding: 0 5px;
  }
}

.hot-deal-slider-wrapper .list-product .clockdiv span p {
  font-size: 11px;
  color: var(--color-text-soft);
  text-transform: uppercase;
  margin: 5px 0 0;
}

.hot-deal-slider-wrapper .list-product .clockdiv span:after {
  position: absolute;
  top: 0;
  left: -4px;
  content: ":";
}

.hot-deal-slider-wrapper .list-product .clockdiv span:first-child:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .hot-deal-slider-wrapper .list-product .clockdiv {
    display: inline-block;
    margin-bottom: 0;
  }
}

.hot-deal-slider-wrapper .list-product .cart-btn {
  margin: 0 0 25px;
}

.hot-deal-area .section-title {
  margin-bottom: 15px;
}

.hot-deal-area .section-title h2 {
  background-color: var(--color-surface-alt);
}

.hot-deal-area .hot-deal-slider-wrapper-2 {
  margin-left: -15px;
  margin-right: -15px;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item {
  padding: 10px 15px;
  border-radius: 0;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0 0 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-inner {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border-radius: 0;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product:hover .product-inner {
  z-index: 3;
  border-radius: 0;
  -webkit-box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
  box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv {
  line-height: 1;
  padding: 0 0px;
  margin-top: 20px;
  font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv {
    font-size: 14px;
  }
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span {
  display: inline-block;
  padding: 12px 0 0;
  text-align: center;
  color: var(--color-text);
  position: relative;
  border: 2px solid var(--color-highlight);
  border-radius: 0;
  width: 45px;
  height: 60px;
  margin-right: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span {
    padding: 10px 0 0;
    width: 38px;
    height: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span {
    padding: 10px 0 0;
    width: 38px;
    height: 50px;
  }
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span p {
  font-size: 9px;
  color: var(--color-text-soft);
  text-transform: uppercase;
  margin: 5px 0 0;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span:after {
  display: none;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span:last-child {
  margin: 0 0 0;
}

@media only screen and (max-width: 767px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv {
    display: inline-block;
  }
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .cart-btn {
  margin: 0 0 2rem;
  display: inline-block;
}

.hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs {
  padding: 25px 0px 0px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 15px;
  }
}

.hot-deal-area .slider-nav-style-2 .slick-arrow {
  background: var(--color-surface-alt);
  top: -34px;
}

.arrival-area .nav-tabs {
  border-bottom: 0 solid var(--color-border);
  line-height: 1;
  float: right;
  position: relative;
  z-index: 1;
  background: var(--color-white);
  padding-left: 15px;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .arrival-area .nav-tabs {
    padding-left: 10px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs {
    padding-left: 0;
    padding-right: 40px;
    float: none;
  }
}

.arrival-area .nav-tabs .nav-item {
  margin-bottom: 0;
}

.arrival-area .nav-tabs .nav-item a.nav-link {
  border: 0;
  color: var(--color-text-muted);
  padding: 5px 15px;
}

@media only screen and (max-width: 767px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 5px 5px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 20px 10px 0px 10px;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 20px 7px 0px 7px;
    font-size: 14px;
  }
}

.arrival-area .nav-tabs .nav-item a.nav-link:hover {
  color: var(--color-text);
}

.arrival-area .nav-tabs .nav-item a.nav-link.active {
  color: var(--color-text);
  background-color: var(--color-white);
  border: 0;
}

.arrival-area .nav-tabs .nav-item a.nav-link:hover {
  border: 0;
}

.arrival-area .nav-tabs .nav-item a.nav-link:focus {
  border: 0;
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs .nav-item a.nav-link:first-child {
    padding-left: 0;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .slider-nav-style-1 .slick-arrow {
    top: -79px;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .slider-nav-style-1 .slick-arrow {
    top: -79px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .section-title:before {
    top: 23%;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .section-title:before {
    top: 23%;
  }
}

.brand-slider {
  padding: 35px 2rem;
  background: var(--color-white);
  border: 1px solid var(--color-border-soft);
  border-radius: 0;
}

.brand-slider .brand-slider-item img {
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin: auto;
  opacity: 0.5;
}

.brand-slider .brand-slider-item:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  -webkit-transform: scale(1.05) rotate(0.05deg);
  transform: scale(1.05) rotate(0.05deg);
}

.arrival-area .list-product {
  padding: 1%;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .arrival-area .list-product {
    padding: 2%;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title h2 {
    padding: 0;
    width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .slider-nav-style-1 .slick-arrow {
    top: -45px;
  }
}

.footer-area {
  color: var(--color-text-muted);
  background: var(--color-white);
}

.footer-area .footer-top {
  padding: 50px 0 35px 0;
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top {
    padding: 50px 0 45px 0;
  }
}

.footer-area .footer-top .single-wedge .footer-logo {
  margin: 0 0 2rem;
}

.footer-area .footer-top .single-wedge h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2rem;
  position: relative;
  color: var(--color-text);
}

.footer-area .footer-top .single-wedge p {
  line-height: 24px;
}

.footer-area .footer-top .single-wedge p.text-infor {
  width: 90%;
  margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top .single-wedge p.text-infor {
    width: 100%;
  }
}

.footer-area .footer-top .single-wedge .need_help p {
  font-size: 14px;
  color: var(--color-text-muted);
  margin-bottom: 15px;
}

.footer-area .footer-top .single-wedge .need_help p span {
  color: var(--color-text);
}

.footer-area .footer-top .single-wedge .need_help p a {
  color: var(--color-text-muted);
}

.footer-area .footer-top .single-wedge .need_help p a:hover {
  color: var(--theme-color);
}

.footer-area .footer-top .single-wedge .footer-links li {
  display: block;
  margin: 0;
  line-height: 1;
  border: 0;
  padding: 0;
  font-weight: 400;
  margin-bottom: 8px;
}

.footer-area .footer-top .single-wedge .footer-links a {
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  display: block;
  color: var(--color-text-muted);
  margin-bottom: 0;
  display: block;
  position: relative;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.footer-area .footer-top .single-wedge .footer-links a:hover {
  padding-left: 10px;
  color: var(--theme-color);
}

.footer-area .footer-top .footer-blog-post {
  width: 100%;
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer-area .footer-top .footer-blog-post .footer-blog-post-top {
  width: 80px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.footer-area .footer-top .footer-blog-post .footer-blog-post-top .post-thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}

.footer-area .footer-top .footer-blog-post .footer-blog-post-top .post-thumbnail img {
  width: 100%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.footer-area .footer-top .footer-blog-post .footer-blog-post-top .post-thumbnail:hover img {
  -webkit-transform: scale(1.05) rotate(0.05deg);
  transform: scale(1.05) rotate(0.05deg);
}

.footer-area .footer-top .footer-blog-post .footer-blog-content {
  width: 71%;
  display: inline-block;
}

.footer-area .footer-top .footer-blog-post .footer-blog-content h4 {
  margin: 0 0 0;
}

.footer-area .footer-top .footer-blog-post .footer-blog-content h4 a {
  font-size: 15px;
  line-height: 1;
  color: var(--color-text);
  font-weight: 600;
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.footer-area .footer-top .footer-blog-post .footer-blog-content h4 a:hover {
  color: var(--theme-color);
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-top .footer-blog-post .footer-blog-content h4 a {
    font-size: 12px;
  }
}

.footer-area .footer-top .footer-blog-post .footer-blog-content .footer-blog-meta span {
  font-size: 13px;
  color: var(--color-text-muted);
  line-height: 20px;
}

.footer-area .footer-top .footer-blog-post .footer-blog-content .footer-blog-meta span a {
  color: var(--color-text);
}

.footer-area .footer-top .footer-blog-post .footer-blog-content .footer-blog-meta span a:hover {
  color: var(--theme-color);
}

.footer-area .footer-top .footer-blog-post .footer-blog-content .footer-blog-meta span.autor {
  display: block;
}

.footer-area .footer-center .container {
  padding: 20px 0;
  border-top: 1px solid var(--color-border-soft);
  border-bottom: 1px solid var(--color-border-soft);
}

@media (min-width: 1200px) {
  .footer-area .footer-center .container {
    max-width: 1110px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-area .footer-center .container {
    padding: 20px 15px;
  }
}

.footer-area .footer-center .heading-info {
  font-size: 18px;
  color: var(--color-text);
  margin: 0 20px 0 0;
  display: inline-block;
  font-weight: 600;
  vertical-align: bottom;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-center .heading-info {
    margin: 0 10px 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .heading-info {
    font-size: 16px;
    margin: 0 12px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-area .footer-center .heading-info {
    font-size: 16px;
    margin: 0 8px 0 0;
  }
}

.footer-area .footer-center .footer-paymet-warp {
  margin: 7px 0 0;
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-paymet-warp img {
    margin: 3px 0 0;
  }
}

.footer-area .footer-center .footer-social-icon {
  float: right;
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-center .footer-social-icon {
    float: none;
    margin-top: 20px;
  }
}

.footer-area .footer-center .footer-social-icon li {
  display: inline-block;
  margin: 0 11px 0 0;
  line-height: 34px;
  background-image: none !important;
  padding: 0;
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-social-icon li {
    margin: 0 4px 0 0;
  }
}

.footer-area .footer-center .footer-social-icon li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-white) !important;
  background: var(--color-white);
  font-size: 16px;
  padding: 0;
  line-height: 34px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-social-icon li a {
    font-size: 14px;
    line-height: 2rem;
    width: 2rem;
    height: 2rem;
  }
}

.footer-area .footer-center .footer-social-icon li:last-child {
  margin: 0 0 0 0;
}

.footer-area .footer-center .footer-social-icon li.facebook a {
  background: var(--color-social-facebook);
}

.footer-area .footer-center .footer-social-icon li.twitter a {
  background: var(--color-social-twitter);
}

.footer-area .footer-center .footer-social-icon li.google a {
  background: var(--color-social-google);
}

.footer-area .footer-center .footer-social-icon li.youtube a {
  background: var(--color-social-youtube);
}

.footer-area .footer-center .footer-social-icon li.instagram a {
  background: var(--color-social-instagram);
}

.footer-tags {
  padding-top: 48px;
  padding-bottom: 48px;
}

.footer-tags .tag-content {
  float: right;
  line-height: 1;
  text-align: center;
}

.footer-tags .tag-content ul li a {
  display: inline-block;
  color: var(--color-text);
  font-size: 13px;
  padding: 0 15px;
  line-height: 1;
  margin-bottom: 10px;
  position: relative;
}

.footer-tags .tag-content ul li a:before {
  position: absolute;
  top: 2px;
  left: auto;
  content: "";
  right: -1px;
  background: var(--color-text);
  width: 1px;
  height: 12px;
}

.footer-tags .tag-content ul li a:hover {
  color: var(--theme-color);
}

.footer-tags .tag-content ul li:first-child a {
  padding-left: 0;
}

.footer-tags .tag-content ul li:last-child a:before {
  display: none;
}

.footer-tags .copy-text {
  line-height: 1;
  color: var(--color-text-muted);
  font-size: 13px;
  margin-top: 35px;
  text-align: center;
}

.footer-tags .copy-text a {
  color: var(--theme-color);
}

.footer-tags .copy-text a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.mc-news {
  position: absolute;
  left: -5000px;
}

body.offcanvas-open {
  overflow: hidden;
}

.offcanvas {
  font-size: 14px;
  font-weight: 400;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: auto;
  display: block;
  overflow: auto;
  width: 400px;
  height: 100%;
  padding: 20px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background-color: var(--color-white);
  -webkit-box-shadow: none;
  box-shadow: none;
  visibility: visible;
}

@media only screen and (max-width: 479px) {
  .offcanvas {
    width: 300px;
  }
}

.offcanvas .inner {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.offcanvas .inner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 25px;
}

.offcanvas .inner .head .title {
  color: var(--color-text);
  font-weight: 700;
}

.offcanvas .inner .head .offcanvas-close {
  position: relative;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  border: 0;
  background-color: var(--color-transparent);
}

.offcanvas .inner .head .offcanvas-close::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: var(--color-text);
}

.offcanvas .inner .head .offcanvas-close::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: var(--color-text);
}

.offcanvas .inner .head .offcanvas-close:hover:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.offcanvas .inner .head .offcanvas-close:hover:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.offcanvas .inner .offcanvas-menu-search-form {
  margin-bottom: 2rem;
}

.offcanvas .inner .offcanvas-menu-search-form form {
  position: relative;
}

.offcanvas .inner .offcanvas-menu-search-form form input[type=search] {
  width: 100%;
  padding: 12px 20px;
  padding-right: 50px;
  color: var(--color-text);
  border: 1px solid var(--color-border);
  display: block;
  font-size: 16px;
  background: var(--color-transparent);
}

.offcanvas .inner .offcanvas-menu-search-form form input[type=search]:focus {
  border-bottom-color: var(--theme-color);
}

.offcanvas .inner .offcanvas-menu-search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 5px 15px;
  border: 0;
  background-color: var(--color-transparent);
  outline: none;
}

.offcanvas .inner .offcanvas-menu-search-form form button i {
  font-size: 16px;
}

.offcanvas .inner .offcanvas-menu-search-form form button:hover {
  color: var(--theme-color);
}

.offcanvas .inner .offcanvas-menu ul li {
  position: relative;
  display: block;
  line-height: 28px;
}

.offcanvas .inner .offcanvas-menu ul li a {
  display: block;
  padding: 8px 24px 8px 0;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu {
  position: static;
  top: auto;
  display: none;
  visibility: visible;
  width: 100%;
  min-width: auto;
  padding: 0;
  padding-left: 15px;
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li {
  line-height: inherit;
  position: relative;
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li a {}

.offcanvas .inner .offcanvas-menu ul li .menu-expand {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 24px;
  height: 44px;
  cursor: pointer;
  background-color: var(--color-transparent);
}

.offcanvas .inner .offcanvas-menu ul li:hover > a {
  color: var(--theme-color);
}

.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand:before {
  background: var(--theme-color);
}

.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand:after {
  background: var(--theme-color);
}

.offcanvas .inner .offcanvas-social li {
  display: inline-block;
  margin: 0 10px 10px 0;
  line-height: 40px;
  padding: 0;
}

.offcanvas .inner .offcanvas-social li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-white);
  background: var(--theme-color);
  font-size: 16px;
  padding: 0;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.offcanvas .inner .offcanvas-social li a:hover {
  background: var(--color-text);
  Color: var(--color-white);
}

.offcanvas .inner .foot .buttons a {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  border: none;
  color: var(--color-text-secondary);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 15px;
  line-height: 26px;
  border: none;
  background: var(--color-border);
  border-radius: 0;
}

.offcanvas .inner .foot .buttons a:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.offcanvas .inner .foot .buttons .current-btn {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.offcanvas .inner .foot .sub-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--color-border-soft);
  margin: 2rem 0;
  border-bottom: 1px solid var(--color-border-soft);
}

.offcanvas .inner .foot .sub-total strong {
  font-weight: 600;
  color: var(--color-text);
}

.offcanvas .inner .foot .sub-total .amount {
  color: var(--color-danger);
  font-weight: 600;
}

.offcanvas .inner .foot .minicart-message {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

offcanvas-menu > ul > li .menu-expand {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 24px;
  height: 44px;
  cursor: pointer;
  background-color: var(--color-transparent);
}

.offcanvas.offcanvas-mobile-menu {
  right: auto;
  left: 0;
  padding: 50px 40px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media only screen and (max-width: 479px) {
  .offcanvas.offcanvas-mobile-menu {
    padding: 50px 17px;
  }
}

.offcanvas-menu > ul > li .menu-expand::before, .offcanvas-menu > ul > li .menu-expand::after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 7px);
  width: 14px;
  height: 2px;
  content: "";
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  background-color: var(--color-text-muted);
}

.offcanvas-menu > ul > li .menu-expand::after {
  -webkit-transform: rotate(90deg) scale(0.75);
  transform: rotate(90deg) scale(0.75);
}

.offcanvas-menu > ul > li.active > .menu-expand::after {
  -webkit-transform: rotate(0) scale(0.75);
  transform: rotate(0) scale(0.75);
}

.offcanvas-menu > ul > li .sub-menu li.active > .menu-expand::after {
  -webkit-transform: rotate(0) scale(0.75);
  transform: rotate(0) scale(0.75);
}

.offcanvas.offcanvas-mobile-menu.offcanvas-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: var(--color-overlay-heavy);
}

.offcanvas.offcanvas-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mobile-menu-toggle.home-2 svg {
  position: initial;
  -webkit-transform: translate3d(-29%, 0%, 0);
  transform: translate3d(-29%, 0%, 0);
}

.mobile-menu-toggle svg {
  position: absolute;
  top: 50%;
  left: auto;
  width: 50px;
  height: 50px;
  margin-top: -2px;
  margin-left: -2px;
  cursor: pointer;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  right: -90px;
}

.mobile-menu-toggle svg path {
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  fill: none;
  stroke: var(--color-text);
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 2rem;
}

@media only screen and (max-width: 575px) {
  .mobile-menu-toggle svg {
    right: -80px;
  }
}

.mobile-menu-toggle svg path#top, .mobile-menu-toggle svg path#bottom {
  stroke-dasharray: 240px 950px;
}

.mobile-menu-toggle svg path#middle {
  stroke-dasharray: 240px 240px;
}

.mobile-menu-toggle .close svg path#top, .mobile-menu-toggle .close svg path#bottom {
  stroke-dasharray: -650px;
  stroke-dashoffset: -650px;
}

.mobile-menu-toggle .close svg path#middle {
  stroke-dasharray: 1px 220px;
  stroke-dashoffset: -115px;
}

.minicart-product-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.minicart-product-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border);
}

.minicart-product-list li .image {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 75px;
  flex: 1 0 75px;
}

.minicart-product-list li .image img {
  max-width: 100%;
  border: 1px solid var(--color-border);
}

@media only screen and (max-width: 575px) {
  .minicart-product-list li .image {
    -ms-flex: 1 0 50px;
    -webkit-box-flex: 1;
    flex: 1 0 50px;
  }
}

.minicart-product-list li .content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 150px);
  flex: 1 0 calc(100% - 150px);
  padding-left: 15px;
}

.minicart-product-list li .content .title {
  color: var(--color-text);
  font-weight: 600;
}

.minicart-product-list li .content .title:hover {
  color: var(--theme-color);
}

.minicart-product-list li .content .quantity-price {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}

.minicart-product-list li .content .quantity-price .amount {
  color: var(--color-text);
  font-weight: 600;
}

.minicart-product-list li .content .remove {
  line-height: 1.5;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 3px;
  color: var(--color-text);
  font-size: 16px;
}

.minicart-product-list li .content .remove:hover {
  color: var(--color-danger);
}

@media only screen and (max-width: 575px) {
  .minicart-product-list li .content {
    -ms-flex: 1 0 calc(100% - 75px);
    -webkit-box-flex: 1;
    flex: 1 0 calc(100% - 75px);
  }
}

.minicart-product-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.header-tools {
  position: relative;
}

.header-tools .cart-info a {
  font-size: 13px;
  color: var(--color-text-soft);
  margin-right: 2rem;
  position: relative;
}

.header-tools .cart-info a,
.mobile-header .cart-info a {
  position: relative;
}

.header-tools .cart-info a .cart-count,
.mobile-header .cart-info a .cart-count {
  position: absolute;
  top: -8px;
  left: 27px;
  display: inline-block;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  color: var(--color-white);
  background: var(--theme-color);
  line-height: 19px;
  font-size: 11px;
  border-radius: 50rem;
  text-align: center;
  font-weight: 700;
}

@media only screen and (max-width: 575px) {
  .header-tools .cart-info a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .header-tools .cart-info a {
    margin-right: 15px;
  }
}

.header-tools .cart-info a:hover {
  color: var(--theme-color);
}

.header-tools .cart-info a i {
  font-size: 28px;
  padding-right: 10px;
}

@media only screen and (max-width: 575px) {
  .header-tools .cart-info a span {
    display: none;
  }
}

.header-tools .cart-info a.bag {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-tools {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .header-tools {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .header-tools {
    margin-right: 40px;
  }
}

.header-tools .dropdown button {
  font-size: 24px;
  margin-right: 20px;
}

.header-tools .dropdown button:hover {
  color: var(--color-text) !important;
}

.header-tools .dropdown ul.dropdown-menu {
  margin: 0;
  top: 2rem !important;
  right: 0;
  left: auto !important;
  min-width: 12rem;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid var(--color-border);
  background: var(--color-white) none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px var(--color-overlay-strong);
  box-shadow: 0 1px 7px -2px var(--color-overlay-strong);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
}

.header-tools .dropdown ul.dropdown-menu li {
  display: block;
  padding: 0 18px;
  border: 0;
}

.header-tools .dropdown ul.dropdown-menu li:last-child a {
  border: 0;
}

.header-tools .dropdown ul.dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 12px 10px;
  color: var(--color-text-secondary);
  font-size: 13px;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  var(--color-white)-space: nowrap;
  background: none;
  border-bottom: 1px solid var(--color-border);
}

.header-tools .dropdown ul.dropdown-menu li a:hover {
  color: var(--theme-color);
}

.tools-style-2 .cart-info a {
  color: var(--color-white);
}

.tools-style-2 .cart-info a:before {
  background: var(--color-white);
  color: var(--color-text);
}

.tools-style-2 .cart-info a:hover {
  color: var(--color-text) !important;
}

.search-element {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search-element .search-category {
  position: absolute;
  width: 160px;
}

.search-element .search-category:before {
  content: "\f078";
  display: inline-block;
  font-size: 12px;
  font-family: "Font Awesome 7 Sharp";
  font-weight: 900;
  float: right;
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 20px;
  color: var(--color-text);
}

@media only screen and (max-width: 575px) {
  .search-element .search-category:before {
    right: 50px;
  }
}

.search-element .search-category select {
  width: 170px;
  height: 49px;
  line-height: 45px;
  margin: 0;
  border: 0;
  padding: 0 25px;
  color: var(--color-text);
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  border-radius: 0;
  background: var(--color-surface);
  cursor: pointer;
}

@media only screen and (max-width: 575px) {
  .search-element .search-category select {
    padding: 0 10px;
    width: 118px;
  }
}

.search-element input {
  width: 100%;
  border: 1px solid var(--color-border);
  height: 49px;
  line-height: 45px;
  padding: 0 100px 0 20px;
  border-radius: 0;
  font-size: 14px;
}

@media only screen and (max-width: 575px) {
  .search-element input {
    font-size: 16px;
  }
}

.search-element button {
  position: absolute;
  top: 0;
  right: 0;
  height: 49px;
  line-height: 42px;
  text-align: center;
  width: 49px;
  text-align: center;
  color: var(--color-white);
  border-radius: 0;
  padding: 0;
  border: 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  background: var(--theme-color);
  font-weight: 400;
  font-size: 14px;
}

.search-element button i {
  font-size: 20px;
  display: block;
  line-height: 46px;
}

@media only screen and (max-width: 360px) {
  .search-element button i {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .search-element button i {
    font-size: 16px;
  }
}

.search-element button:hover {
  background-color: var(--color-text);
}

@media only screen and (max-width: 575px) {
  .search-element button {
    width: 70px;
  }
}

@media only screen and (max-width: 479px) {
  .search-element button {
    width: 52px;
  }
}

@media only screen and (max-width: 360px) {
  .search-element button {
    width: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .search-element input {
    height: 42px;
    line-height: 42px;
  }
  
  .search-element button {
    height: 42px;
  }
  
  .search-element button i {
    line-height: 42px;
  }
}

.header-top-2 .search-element input {
  background: var(--color-white);
  border-radius: 0;
}

.header-top-2 .search-element button {
  background: var(--color-text);
  height: 46px;
}

.hero-side-category {
  width: 100%;
  position: relative;
}

.hero-side-category .category-toggle-wrap {
  width: 100%;
  margin-bottom: 15px;
}

.hero-side-category .category-toggle-wrap .category-toggle {
  padding: 4px 10px;
  margin: 0;
  border: none;
  background-color: var(--color-transparent);
  color: var(--color-text);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  text-align: left;
  outline: none;
  border: 1px solid var(--color-border);
  border-radius: 0;
}

.hero-side-category .category-toggle-wrap .category-toggle i {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  -webkit-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}

.hero-side-category .category-toggle-wrap .category-toggle:after {
  content: "\f078";
  display: inline-block;
  font-size: 14px;
  font-family: "Font Awesome 7 Sharp";
  font-weight: 900;
  margin-left: 4px;
  float: right;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hero-side-category .category-menu {
  background-color: var(--color-white);
  float: left;
  width: 100%;
  left: 0;
  top: 110%;
  border: 1px solid var(--color-border);
  position: absolute;
  display: none;
  z-index: 9;
  max-height: 70vh;
  overflow-y: auto;
  border-radius: 0;
}

.hero-side-category .category-menu li {
  display: block;
}

.hero-side-category .category-menu li .menu-item-has-children {
  position: relative;
}

.hero-side-category .category-menu li a {
  display: block;
  padding: 10px 25px;
  line-height: 1.5;
  font-size: 14px;
  color: var(--color-text);
  font-weight: 400;
  position: relative;
  border-bottom: 1px solid var(--color-border);
}

.hero-side-category .category-menu li a i {
  position: absolute;
  right: 2rem;
}

.hero-side-category .category-menu li .category-mega-menu {
  display: none;
}

.hero-side-category .category-menu li .category-mega-menu a {
  padding: 10px 25px 10px 35px;
  line-height: 2rem;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text);
  position: relative;
  margin: 0;
  text-transform: inherit;
}

.hero-side-category .category-menu li #more-btn {
  font-weight: 700;
  padding-left: 45px;
}

.hero-side-category .category-menu li #more-btn i {
  right: auto;
  left: 2rem;
}

.hero-side-category .category-menu li:hover > a {
  color: var(--theme-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-lg-30px {
    margin-top: 2rem;
  }
  
  .mt-lg-50px {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-md-30px {
    margin-bottom: 2rem;
  }
  
  .mb-md-60px {
    margin-bottom: 60px;
  }
  
  .mt-md-50px {
    margin-top: 50px;
  }
  
  .mt-md-30px {
    margin-top: 2rem;
  }
  
  .mt-md-15px {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mb-lm-30px {
    margin-bottom: 2rem;
  }
  
  .mt-lm-55px {
    margin-top: 55px;
  }
  
  .mt-lm-50px {
    margin-top: 50px;
  }
  
  .mt-lm-30px {
    margin-top: 2rem;
  }
  
  .mb-lm-60px {
    margin-bottom: 60px;
  }
  
  .mb-lm-100px {
    margin-bottom: 100px;
  }
  
  .mt-lm-15px {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .mb-sm-30px {
    margin-bottom: 2rem;
  }
  
  .pb-sm-40px {
    padding-bottom: 40px;
  }
}

.breadcrumb-area {
  background-color: var(--color-surface-alt);
  padding: 3rem 0;
}

.breadcrumb-area .breadcrumb-content .nav {
  background: var(--color-transparent);
  padding: 0 0 0 0;
  margin: 0;
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .breadcrumb-area {
    padding: 1rem 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

.breadcrumb-area .breadcrumb-content .nav li {
  color: var(--theme-color);
  line-height: 20px;
}

.breadcrumb-area .breadcrumb-content .nav li:after {
  color: var(--color-text);
  margin: 0 10px;
  vertical-align: -1px;
  content: "\f054";
  font-family: "Font Awesome 7 Sharp";
}

.breadcrumb-area .breadcrumb-content .nav li a {
  display: inline-block;
  position: relative;
  color: var(--color-text);
}

.breadcrumb-area .breadcrumb-content .nav li a:hover {
  color: var(--theme-color);
}

.breadcrumb-area .breadcrumb-content .nav li:last-child:after {
  display: none;
}

.shop-category-area .shop-top-bar {
  padding: 1rem;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  border-radius: 0;
  margin-bottom: 2rem;
}

.shop-category-area .shop-top-bar .shop-tab a:first-child {
  margin-right: 20px;
}

.shop-category-area .shop-top-bar .shop-tab a.active i {
  color: var(--theme-color);
}

.shop-category-area .shop-top-bar .shop-tab a:hover i {
  color: var(--theme-color);
}

.shop-category-area .shop-top-bar .shop-tab i {
  font-size: 18px;
  line-height: 2rem;
  color: var(--color-text-soft);
}

.shop-category-area .shop-top-bar .shop-tab p {
  line-height: 20px;
  font-size: 14px;
  margin: 0;
  float: left;
  color: var(--color-text-soft);
  font-weight: 400;
}

.shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
  line-height: 20px;
  font-size: 14px;
  padding: 5px;
  margin: 0;
  float: left;
  color: var(--color-text-soft);
  font-weight: 400;
  width: 25%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 26%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 30%;
  }
}

@media only screen and (max-width: 575px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 30%;
    padding: 5px 0 0;
  }
}

.shop-category-area .shop-top-bar .select-shoing-wrap .shop-select {
  width: 75%;
}

.shop-category-area .shop-top-bar .select-shoing-wrap .shop-select select {
  border: 1px solid var(--color-border);
  padding: 5px 17px 5px 10px;
  line-height: 24px;
  font-size: 14px;
  margin: 0;
  background: var(--color-surface);
  background-image: none;
  border-radius: 2rem;
  color: var(--color-text-secondary);
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}

.pro-pagination-style a, .pro-pagination-style span {
  font-weight: 400;
  color: var(--color-text);
  padding: 0;
  height: 36px;
  line-height: 36px;
  background: var(--color-surface);
  font-size: 14px;
  display: inline-block;
  width: 36px;
  border-radius: 100%;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

.pro-pagination-style a.active {
  color: var(--color-white);
  background-color: var(--theme-color);
  font-weight: normal;
}

.pro-pagination-style a:hover {
  color: var(--color-white);
  background-color: var(--theme-color);
}

.shop-list-wrap .list-product {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.shop-list-wrap .list-product .new {
  left: 2rem;
}

.shop-list-wrap .list-product .box-inner {
  position: absolute;
  top: 15px;
  right: 25px;
  bottom: 15px;
  border-left: 1px solid var(--color-border);
  padding-left: 25px;
  padding-top: 20px;
}

.shop-list-wrap .list-product .box-inner .in-stock {
  font-size: 14px;
  color: var(--color-text-soft);
  line-height: 1;
  display: block;
  margin-bottom: 20px;
}

.shop-list-wrap .list-product .box-inner .in-stock span {
  color: var(--theme-color);
}

.shop-list-wrap .list-product .box-inner .pricing-meta {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
  margin-bottom: 35px;
}

.shop-list-wrap .list-product .box-inner .pricing-meta li {
  color: var(--color-text);
  font-size: 24px;
  font-weight: 600;
}

.shop-list-wrap .list-product .box-inner .pricing-meta li.old-price {
  color: var(--color-text-soft);
  font-weight: 400;
  margin-right: 5px;
  font-size: 18px;
  text-decoration: line-through;
}

.shop-list-wrap .list-product .box-inner .add-to-link {
  margin-top: 20px;
  position: initial;
  left: -1px;
  right: -1px;
  width: 100%;
  background: var(--color-white);
  padding: 0;
  border: 0 solid var(--color-border);
  border-top: var(--color-transparent);
  visibility: visible;
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  perspective: 0;
  -webkit-perspective: 0;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .box-inner .add-to-link {
    text-align: left;
  }
}

.shop-list-wrap .list-product .box-inner .add-to-link li {
  display: inline-block;
}

.shop-list-wrap .list-product .box-inner .add-to-link li a {
  display: block;
  text-align: center;
  font-size: 14px;
  border: none;
  margin-left: 10px;
}

.shop-list-wrap .list-product .box-inner .add-to-link li a i {
  font-size: 16px;
  display: inline-block;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.shop-list-wrap .list-product .box-inner .add-to-link li a.cart-btn {
  width: 100%;
  text-align: center;
  max-width: 210px;
  line-height: 44px;
  height: auto;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-white);
  border-radius: 0;
  background: var(--theme-color);
  margin-bottom: 15px;
}

.shop-list-wrap .list-product .box-inner .add-to-link li a.cart-btn:hover {
  background: var(--color-text);
  color: var(--color-white);
}

.shop-list-wrap .list-product .box-inner .add-to-link li a:hover {
  color: var(--color-white);
}

.shop-list-wrap .list-product .box-inner .add-to-link li:first-child a {
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .box-inner {
    position: static;
    border: 0;
    padding-left: 2rem;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product .box-inner {
    position: static;
    border: 0;
    padding: 0;
    display: block !important;
    text-align: center;
  }
}

.shop-list-wrap .list-product .product-decs {
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 0;
  text-align: left;
  margin: 0 !important;
  padding-right: 22rem;
  position: static;
  min-height: 290px;
}

.shop-list-wrap .list-product .product-decs h2 a {
  min-height: auto;
  font-size: 16px;
  overflow: visible;
  var(--color-white)-space: normal;
  line-height: 20px;
  margin-bottom: 15px;
}

.shop-list-wrap .list-product .product-decs .product-intro-info {
  padding: 20px 0;
}

.shop-list-wrap .list-product .product-decs .product-intro-info P {
  color: var(--color-text-muted);
  font-size: 14px;
  line-height: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .product-decs {
    padding-right: 2rem;
    min-height: auto;
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product .product-decs {
    padding: 0 20px;
    min-height: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product {
    padding: 0 0 15px;
  }
}

.shop-list-wrap .list-product .product-inner {
  padding: 15px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-page .list-product .product-decs {
    padding-right: 170px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .shop-list-wrap.shop-list-page .list-product .product-decs {
    padding-right: 200px;
  }
}

.shop-list-wrap .cart-btn {
  display: inline-block;
}

.shop-list-wrap .cart-btn a.add-to-curt {
  padding: 0 40px;
  line-height: 38px;
  font-weight: 600;
}

.shop-sidebar-wrap h3 {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 0 0 20px;
}

.shop-sidebar-wrap h3 span {
  padding-right: 2rem;
  font-size: 21px;
  line-height: 1;
  color: var(--color-text);
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  background: var(--color-white);
  z-index: 2;
  text-transform: capitalize !important;
  font-weight: 400;
}

.shop-sidebar-wrap h3:after {
  content: "";
  background: var(--color-border-soft);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.shop-sidebar-wrap .card {
  border: 0;
}

.shop-sidebar-wrap .card .card-header {
  border: 0;
  padding-left: 0;
  background: var(--color-white);
}

.shop-sidebar-wrap .card .card-header a {
  font-weight: 400;
  color: var(--color-text-muted);
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.shop-sidebar-wrap .card .card-header a:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "\2b";
  font-family: "Font Awesome 7 Sharp";
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.shop-sidebar-wrap .card .card-header a:hover {
  color: var(--theme-color);
}

.shop-sidebar-wrap .card .card-header a.collapsed::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.shop-sidebar-wrap .card .card-body {
  padding: 0 0px 0px 15px;
  background: var(--color-white);
}

.shop-sidebar-wrap .card .card-body li {
  display: block;
}

.shop-sidebar-wrap .card .card-body li a {
  font-weight: 400;
  color: var(--color-text-muted);
  display: block;
  font-size: 13px;
  line-height: 35px;
  margin: 0;
  padding: 0;
  border: none;
}

.shop-sidebar-wrap .card .card-body li a:hover {
  color: var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 0 15px;
  display: block;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left {
  position: relative;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
  top: 6px;
  left: 1px;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid var(--theme-color);
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark.grey {
  background: var(--color-text-soft);
  -webkit-box-shadow: 2px 2px 4px 0 var(--color-overlay);
  box-shadow: 2px 2px 4px 0 var(--color-overlay);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark.var(--color-white) {
  background: var(--color-white);
  -webkit-box-shadow: 2px 2px 4px 0 var(--color-overlay);
  box-shadow: 2px 2px 4px 0 var(--color-overlay);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark.var(--color-text) {
  background: var(--color-text-secondary);
  -webkit-box-shadow: 2px 2px 4px 0 var(--color-overlay);
  box-shadow: 2px 2px 4px 0 var(--color-overlay);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark.camel {
  background: var(--color-gold);
  -webkit-box-shadow: 2px 2px 4px 0 var(--color-overlay);
  box-shadow: 2px 2px 4px 0 var(--color-overlay);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li a {
  margin-left: 25px;
  display: block;
  color: var(--color-text-muted);
  font-size: 14px;
  margin-top: 0;
  line-height: 22px;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li a span {
  margin-left: 5px;
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover .checkmark {
  border-color: var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover a {
  color: var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover a span {
  color: var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget-group h4 {
  display: block;
  clear: both;
  color: var(--color-text);
  font-size: 21px;
  padding: 0;
  border: none;
  margin-bottom: 1rem;
  margin-top: 0;
  line-height: 24px;
  font-weight: 400;
}

.shop-sidebar-wrap .sidebar-widget-group .price-slider-amount {
  color: var(--color-text-secondary);
  font-size: 14px;
  margin: 0 0 15px;
}

.shop-sidebar-wrap .sidebar-widget-group .ui-widget-content {
  border: 1px solid var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget-group .ui-slider-horizontal {
  height: 5px;
}

.shop-sidebar-wrap .sidebar-widget-group .ui-widget-header {
  background: var(--theme-color);
}

.shop-sidebar-wrap .sidebar-widget-group .ui-slider-handle {
  top: 50%;
  width: 15px;
  height: 15px;
  border: none;
  background: var(--color-white);
  border-radius: 100%;
  -webkit-box-shadow: 0 0 3px 0 var(--color-overlay);
  box-shadow: 0 0 3px 0 var(--color-overlay);
  outline: none;
  margin-top: -7.5px;
}

.shop-sidebar-wrap .sidebar-widget-tag li {
  line-height: 1;
  float: left;
  list-style: none;
}

.shop-sidebar-wrap .sidebar-widget-tag li a {
  display: block;
  float: left;
  padding: 0 20px;
  font-size: 13px;
  line-height: 33px;
  color: var(--color-text-muted);
  font-weight: 400;
  border: 1px solid var(--color-border);
  border-radius: 2rem;
  background: var(--color-white);
  margin: 4px;
}

.shop-sidebar-wrap .sidebar-widget-tag li a:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--color-white);
}

.shop-sidebar-wrap .sidebar-widget-tag li:first-child a {
  margin-left: 0;
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
  display: block;
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
  display: none;
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
  border: 0;
}

.product-inner {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border-radius: 0;
}

.product-details-img.product-details-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}

.product-details-img.product-details-tab .zoompro-wrap.zoompro-2 {
  display: inline-block;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}

.product-details-img.product-details-tab .zoompro-wrap.zoompro-2 .zoompro-border.zoompro-span img {
  width: 100%;
}

.product-dec-slider-2 {
  width: 90%;
  margin: auto;
  display: inline-block;
  float: left;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .product-dec-slider-2 {
    margin-top: 2rem;
  }
}

.product-dec-slider-2 .single-slide-item {
  margin: 0 5px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.product-dec-slider-2 .single-slide-item img {
  margin: auto;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border: 1px solid var(--color-border-soft);
}

.product-dec-slider-2 .single-slide-item img:hover {
  border: 1px solid var(--theme-color);
}

.product-dec-slider-2 .single-slide-item.slick-slide.slick-current img {
  border: 1px solid var(--theme-color);
}

.product-dec-slider-2 .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
}

.product-dec-slider-2 .slick-arrow i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.product-dec-slider-2 .slick-arrow i:hover {
  color: var(--theme-color);
}

.product-dec-slider-2 .slick-arrow.next {
  right: -15px !important;
  left: auto;
}

.product-dec-slider-2 .slick-arrow.prev {
  left: -15px;
  right: auto;
}

.product-details-content {
  padding: 2rem 20px;
  border-radius: 0;
  border: 1px solid var(--color-border);
}

.product-details-content h2 {
  color: var(--color-text-secondary);
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 25px 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 22px;
  }
}

.product-details-content p {
  font-size: 14px;
  color: var(--color-text);
  margin: 0 0 12px;
}

.product-details-content p span {
  font-weight: 400;
}

.product-details-content .pro-details-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .pro-details-rating-wrap .rating-product {
  margin-right: 20px;
}

.product-details-content .pro-details-rating-wrap .rating-product i {
  color: var(--color-rating);
  overflow: hidden;
  width: 16px;
  font-size: 18px;
}

.product-details-content .pro-details-rating-wrap .read-review a {
  text-decoration: none;
  color: var(--color-text);
  position: relative;
  margin-left: 8px;
  line-height: 21px;
  padding: 0;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--color-text);
}

.product-details-content .pro-details-rating-wrap .read-review a:before {
  display: inline-block;
  font-family: "Font Awesome 7 Sharp";
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-right: 6px;
  content: "\f005";
}

.product-details-content .pro-details-rating-wrap .read-review a:hover {
  color: var(--theme-color);
}

.product-details-content .pricing-meta {
  font-size: 24px;
  color: var(--color-text);
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 1rem;
  margin-top: 10px;
}

@media only screen and (max-width: 479px) {
  .product-details-content .pricing-meta {
    font-size: 20px;
  }
}

.product-details-content .pricing-meta li.old-price {
  color: var(--color-text-soft);
  margin-right: 10px;
  font-weight: 400;
  position: relative;
}

.product-details-content .pricing-meta li.old-price:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -2px;
  bottom: -2px;
  width: 1px;
  background: var(--color-text-soft);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

.product-details-content .pricing-meta li.discount-flag {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: var(--color-white);
  padding: 0 10px 0 10px;
  background: var(--color-text);
  vertical-align: 4px;
  border-radius: 0;
  margin-left: 5px;
}

.product-details-content .pro-details-list {
  padding: 2rem 0 2rem 0;
  margin: 0 0 2rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  display: inline-block;
  width: 100%;
  color: var(--color-text-muted);
}

.product-details-content .pro-details-list p {
  font-weight: 300;
  color: var(--color-text-muted);
  line-height: 24px;
  margin: 0;
  font-size: 16px;
}

.product-details-content .pro-details-list li {
  display: block;
  width: 100%;
  line-height: 24px;
}

.product-details-content .pro-details-quality {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  width: 100%;
}

.product-details-content .pro-details-quality .cart-plus-minus {
  border: 1px solid var(--color-border);
  display: inline-block;
  height: 50px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}

.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
  color: var(--color-text);
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}

.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: medium none;
  color: var(--color-text);
  float: left;
  font-size: 14px;
  height: 48px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px;
  outline: none;
}

@media only screen and (max-width: 360px) {
  .product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 65px;
  }
}

.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
  height: 48px;
  padding-top: 14px;
  right: 0;
  top: 0;
}

.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
  height: 48px;
  left: 0;
  padding-top: 14px;
  top: 0;
}

.product-details-content .pro-details-quality .pro-details-cart a {
  position: relative;
  padding: 0 50px;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 15px;
  background: var(--theme-color);
  color: var(--color-white);
}

.product-details-content .pro-details-quality .pro-details-cart a:hover {
  background-color: var(--color-text);
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 0 20px;
    font-size: 14px;
  }
}

.product-details-content .pro-details-wish-com {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content .pro-details-wish-com a {
  line-height: 2rem;
  padding: 0;
  border: none;
  color: var(--color-text-muted);
  font-size: 15px;
  margin-right: 15px;
}

.product-details-content .pro-details-wish-com a i {
  margin-right: 10px;
  font-size: 16px;
}

.product-details-content .pro-details-wish-com a:hover {
  color: var(--theme-color);
}

@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-wish-com a {
    font-size: 12px;
  }
}

.product-details-content .pro-details-social-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-border);
  margin-top: 10px;
  padding-bottom: 12px;
}

.product-details-content .pro-details-social-info span {
  display: inline-block;
  float: left;
  margin-right: 10px;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-text);
  font-size: 15px;
}

.product-details-content .pro-details-social-info .social-info a {
  display: inline-block;
  line-height: 2rem;
  height: 2rem;
  text-align: center;
  color: var(--color-text-soft);
  margin-right: 0;
  var(--color-white)-space: normal;
  text-indent: 0;
  overflow: hidden;
  padding: 0;
  font-size: 18px;
  width: 2rem;
}

.product-details-content .pro-details-social-info .social-info a:hover {
  color: var(--theme-color);
}

.product-details-content .pro-details-policy {
  margin: 25px 0 0;
}

.product-details-content .pro-details-policy li {
  margin-bottom: 20px;
  width: 32.33%;
  line-height: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .pro-details-policy li {
    display: inline-table;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-policy li {
    width: 100%;
  }
}

.product-details-content .pro-details-policy li span {
  font-size: 15px;
  color: var(--color-text-muted);
  overflow: hidden;
  font-weight: 400 !important;
  max-width: 150px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-policy li span {
    max-width: 100%;
  }
}

.product-details-content .pro-details-policy img {
  float: left;
  width: auto;
  margin-right: 10px;
}

.description-review-topbar.nav {
  border-bottom: none;
  position: relative;
  display: block;
  margin-bottom: 0;
  margin: auto;
  text-align: center;
  background: var(--color-white);
  padding-top: 50px;
}

.description-review-topbar.nav a {
  background: var(--color-transparent);
  border: 0;
  line-height: 24px;
  color: var(--color-text-soft);
  padding: 0 0 15px 0;
  margin: 0 2rem;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  display: inline-block;
}

.description-review-topbar.nav a:hover {
  color: var(--color-text);
}

.description-review-topbar.nav a:hover:after {
  background-color: var(--theme-color);
}

.description-review-topbar.nav a.active {
  color: var(--color-text);
}

.description-review-topbar.nav a.active:after {
  background-color: var(--theme-color);
}

.description-review-topbar.nav a:after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background: var(--color-transparent);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (max-width: 767px) {
  .description-review-topbar.nav a {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 575px) {
  .description-review-topbar.nav a {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 479px) {
  .description-review-topbar.nav a {
    margin: 0 5px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .description-review-topbar.nav a {
    font-size: 13px;
  }
}

.description-review-bottom {
  overflow: hidden;
  font-size: 15px;
  background: var(--color-white);
  line-height: 24px;
  text-align: left;
  padding: 40px 2rem 2rem 2rem;
  border-top: 1px solid var(--color-border);
}

@media only screen and (max-width: 360px) {
  .description-review-bottom {
    padding: 40px 20px 2rem 20px;
  }
}

.description-review-bottom .product-description-wrapper p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 28px;
  color: var(--color-text-muted);
  width: 84%;
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .product-description-wrapper p {
    width: 100%;
  }
}

.description-review-bottom .product-anotherinfo-wrapper li {
  color: var(--color-text-muted);
  font-size: 14px;
  list-style: outside none none;
  margin: 0 0 13px;
  display: block;
}

.description-review-bottom .product-anotherinfo-wrapper li span {
  color: var(--color-text);
  display: inline-block;
  font-weight: 500;
  margin: 0 26px 0 0;
  min-width: 85px;
}

.description-review-bottom .single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}

.description-review-bottom .single-review .review-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review .review-img {
    margin: 0 0px 20px 0px;
  }
}

.description-review-bottom .single-review .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.description-review-bottom .single-review .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.description-review-bottom .single-review .review-top-wrap .review-left .review-name {
  margin-right: 25px;
}

@media only screen and (max-width: 360px) {
  .description-review-bottom .single-review .review-top-wrap .review-left .review-name {
    margin-right: 10px;
  }
}

.description-review-bottom .single-review .review-top-wrap .review-left .review-name h4 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
  font-weight: 500;
}

.description-review-bottom .single-review .review-top-wrap .review-left .rating-product {
  line-height: 1;
  margin-bottom: 6px;
}

.description-review-bottom .single-review .review-top-wrap .review-left .rating-product i {
  overflow: hidden;
  font-size: 18px;
  color: var(--color-rating);
}

.description-review-bottom .single-review .review-top-wrap .review-left a {
  color: var(--color-text);
}

.description-review-bottom .single-review .review-top-wrap .review-left a:hover {
  color: var(--theme-color);
}

.description-review-bottom .single-review .review-bottom p {
  margin: 0;
  width: 93%;
}

.description-review-bottom .single-review.child-review {
  margin-left: 70px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review.child-review {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review {
    display: block;
  }
}

.description-review-bottom .ratting-form-wrapper {
  padding-left: 50px;
}

.description-review-bottom .ratting-form-wrapper h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.description-review-bottom .ratting-form-wrapper .star-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 20px;
}

.description-review-bottom .ratting-form-wrapper .star-box span {
  margin: 0 15px 0 0;
  font-size: 15px;
  color: var(--color-text);
}

.description-review-bottom .ratting-form-wrapper .star-box i {
  overflow: hidden;
  font-size: 18px;
  color: var(--color-rating);
}

.description-review-bottom .ratting-form-wrapper .rating-form-style {
  margin-bottom: 10px;
}

.description-review-bottom .ratting-form-wrapper .rating-form-style input {
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: var(--color-text);
  width: 100%;
  margin-bottom: 15px;
  outline: none;
  padding: 2px 10px 2px 20px;
  background: var(--color-transparent);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  padding: 2px 10px 2px 20px;
}

.description-review-bottom .ratting-form-wrapper .rating-form-style textarea {
  background: var(--color-transparent);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
  width: 100%;
  outline: none;
}

.description-review-bottom .ratting-form-wrapper .form-submit input {
  padding: 0 55px !important;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  background: var(--theme-color) !important;
  display: block;
  color: var(--color-white) !important;
  width: 200px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border: 1px solid var(--color-border);
}

.description-review-bottom .ratting-form-wrapper .form-submit input:hover {
  background: var(--color-text) !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}

.single-product-slider-item img {
  border: 1px solid var(--color-border);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin: auto;
  width: 100%;
}

.single-product-slider-item:hover img {
  border-color: var(--theme-color);
}

.pro-details-size-color {
  margin: 0 0 10px;
}

.pro-details-size-color .pro-details-color-wrap {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-text);
}

.pro-details-size-color .pro-details-color-wrap span {
  display: block;
  margin: 0 0 10px;
}

.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 15px;
  -webkit-box-shadow: 2px 2px 4px 0 var(--color-overlay);
  box-shadow: 2px 2px 4px 0 var(--color-overlay);
  border: 1px solid var(--color-overlay-soft);
  cursor: pointer;
  background-size: contain;
  background: var(--color-white);
}

.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li.active {
  background-color: var(--color-text-secondary);
}

.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li:hover {
  border: 2px solid var(--color-text-secondary);
}

.pro-details-size-color .product-size {
  margin-left: 20px;
}

.pro-details-size-color .product-size span {
  display: block;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

.product-details-table.pro-details-quality {
  display: block;
  margin: 20px 0;
}

.product-details-table .table tbody tr td {
  padding: 10px 15px;
  width: 33.33%;
  text-align: center;
  border: 1px solid var(--color-border);
  vertical-align: middle;
}

.product-details-table .table tbody tr td a {
  color: var(--color-text-soft);
}

.product-details-img.product-details-tab.product-details-tab-2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.product-details-img.product-details-tab.product-details-tab-2 #gallery {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
}

.product-details-img.product-details-tab.product-details-tab-2 .zoompro-wrap-2.zoompro-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  width: 80%;
}

.product-details-img.product-details-tab.product-details-tab-2 .zoompro-wrap-2.zoompro-2 .slick-slide img {
  width: 100%;
}

.product-dec-slider-3 {
  display: inline-block;
  float: left;
}

.product-dec-slider-3 .single-slide-item {
  margin: 5px 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.product-dec-slider-3 .single-slide-item img {
  margin: auto;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border: 1px solid var(--color-border-soft);
}

.product-dec-slider-3 .single-slide-item img:hover {
  border: 1px solid var(--theme-color);
}

.product-dec-slider-3 .single-slide-item.slick-slide img {
  width: 100%;
}

.product-dec-slider-3 .single-slide-item.slick-slide.slick-current img {
  border: 1px solid var(--theme-color);
}

.product-dec-slider-3 .slick-arrow {
  position: absolute;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 50%;
  margin-left: -3px;
}

.product-dec-slider-3 .slick-arrow i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.product-dec-slider-3 .slick-arrow i:hover {
  color: var(--theme-color);
}

.product-dec-slider-3 .slick-arrow.next {
  bottom: -15px !important;
  top: auto;
  margin-bottom: -8px;
}

.product-dec-slider-3 .slick-arrow.prev {
  top: -15px;
  margin-top: -8px;
}

.product-details-area .single-product-slider .single-product-slider-wrapper.slick-initialized {
  margin-left: -15px;
  margin-right: -15px;
}

.product-details-area .single-product-slider .single-product-slider-wrapper.slick-initialized .single-product-slider-item {
  padding: 15px;
}

.product-details-area .single-product-slider .single-product-slider-wrapper .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  z-index: 5;
}

.product-details-area .single-product-slider .single-product-slider-wrapper .slick-arrow i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.product-details-area .single-product-slider .single-product-slider-wrapper .slick-arrow i:hover {
  color: var(--theme-color);
}

.product-details-area .single-product-slider .single-product-slider-wrapper .slick-arrow.next {
  right: 15px !important;
  left: auto;
}

.product-details-area .single-product-slider .single-product-slider-wrapper .slick-arrow.prev {
  left: 15px;
  right: auto;
}

.product-details-area .single-product-slider:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.product-details-area .single-product-slider:hover .slick-arrow.next {
  right: -15px !important;
}

@media only screen and (max-width: 767px) {
  .product-details-area .single-product-slider:hover .slick-arrow.next {
    right: 15px !important;
  }
}

.product-details-area .single-product-slider:hover .slick-arrow.prev {
  left: -15px;
}

@media only screen and (max-width: 767px) {
  .product-details-area .single-product-slider:hover .slick-arrow.prev {
    left: 15px !important;
  }
}

.single-product-gallery .single-product-slider-item {
  width: 50%;
}

.single-product-sticky .single-product-slider-item {
  width: 100%;
  text-align: center;
}

.product-details-content.sticky {
  position: sticky;
  top: 85px;
  left: 0;
  width: 100%;
}

.cart-main-area h3.cart-page-title {
  color: var(--color-text);
  text-align: left;
  font-size: 24px;
  line-height: 16px;
  font-style: normal;
  text-transform: none;
  margin: 0 0 2rem;
  font-weight: 600;
}

.cart-main-area .table-content table {
  border: 1px solid var(--color-border);
  width: 100%;
}

.cart-main-area .table-content table thead > tr {
  background-color: var(--color-surface-soft);
  border: 1px solid var(--color-border);
}

.cart-main-area .table-content table thead > tr > th {
  border-top: medium none;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  var(--color-white)-space: nowrap;
}

.cart-main-area .table-content table tbody > tr {
  border-bottom: 1px solid var(--color-border);
}

.cart-main-area .table-content table tbody > tr td {
  color: var(--color-text-muted);
  font-size: 15px;
  padding: 2rem 0;
  text-align: center;
}

.cart-main-area .table-content table tbody > tr td.product-thumbnail {
  width: 150px;
}

.cart-main-area .table-content table tbody > tr td.product-name {
  width: 435px;
}

.cart-main-area .table-content table tbody > tr td.product-name a {
  color: var(--color-text-muted);
  font-size: 15px;
  font-weight: 500;
}

.cart-main-area .table-content table tbody > tr td.product-price-cart {
  width: 435px;
}

.cart-main-area .table-content table tbody > tr td.product-quantity {
  width: 435px;
}

.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus {
  display: inline-block;
  height: 40px;
  padding: 0;
  position: relative;
  width: 110px;
}

.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {
  border-right: 1px solid var(--color-border-soft);
  height: 40px;
  left: 0;
  padding-top: 8px;
  top: 0;
}

.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {
  border-left: 1px solid var(--color-border-soft);
  height: 40px;
  padding-top: 9px;
  right: 0;
  top: 0;
}

.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {
  color: var(--color-text-muted);
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}

.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
  color: var(--color-text-muted);
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0;
  width: 110px;
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  padding: 0;
  text-align: center;
}

.cart-main-area .table-content table tbody > tr td.product-remove {
  width: 100px;
}

.cart-main-area .table-content table tbody > tr td.product-remove a {
  color: var(--color-text-muted);
  font-size: 16px;
  margin: 0 10px;
}

.cart-main-area .table-content table tbody > tr td.product-remove a:hover {
  color: var(--theme-color);
}

.cart-main-area .table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: var(--theme-color);
  border-radius: 0;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 12px;
  text-transform: uppercase;
}

.cart-main-area .table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: var(--color-text);
}

.cart-main-area .cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem 0 60px;
}

.cart-main-area .cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper {
    display: block;
    padding: 2rem 0 15px;
  }
}

.cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
  background-color: var(--color-surface-alt);
  border-radius: 0;
  color: var(--color-text);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 63px 17px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px;
    margin: 0 0 15px;
  }
}

.cart-shiping-update-wrapper .cart-shiping-update > a:hover, .cart-shiping-update-wrapper .cart-clear > button:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.cart-shiping-update-wrapper .cart-clear > a {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: var(--color-text);
  color: var(--color-white);
}

.cart-tax, .discount-code-wrapper, .grand-totall {
  background-color: var(--color-surface-soft);
  border: 1px solid var(--color-border);
  border-radius: 0;
  padding: 45px 2rem 50px;
}

.cart-tax .title-wrap, .discount-code-wrapper .title-wrap, .grand-totall .title-wrap {
  position: relative;
}

.cart-tax .title-wrap::before, .discount-code-wrapper .title-wrap::before, .grand-totall .title-wrap::before {
  background-color: var(--color-border);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}

.cart-tax .title-wrap h4.cart-bottom-title, .discount-code-wrapper .title-wrap h4.cart-bottom-title, .grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding-right: 18px;
  background-color: var(--color-surface);
  position: relative;
  z-index: 1;
  color: var(--color-text);
}

.cart-tax .tax-wrapper, .discount-code-wrapper .tax-wrapper, .grand-totall .tax-wrapper {
  margin-top: 22px;
}

.tax-select-wrapper {
  margin: 15px 0 0;
}

.tax-select-wrapper select {
  width: 100%;
  height: 42px;
  line-height: 42px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  padding-left: 20px;
  border-radius: 0;
}

.tax-select-wrapper input {
  width: 100%;
  height: 42px;
  line-height: 42px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  padding-left: 20px;
  border-radius: 0;
}

.tax-select-wrapper .tax-select {
  margin-bottom: 20px;
}

.tax-select-wrapper .tax-select label {
  color: var(--color-text);
  font-size: 14px;
  margin: 0 0 10px;
}

.tax-select-wrapper button.cart-btn-2 {
  background: var(--theme-color);
  border-radius: 0;
  color: var(--color-white);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 58px;
  text-transform: uppercase;
}

.tax-select-wrapper button.cart-btn-2:hover {
  color: var(--color-white);
  background: var(--color-text);
}

.discount-code-wrapper .title-wrap {
  margin-bottom: 22px;
}

.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}

.discount-code-wrapper .discount-code input {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  height: 45px;
  margin-bottom: 2rem;
  padding-left: 10px;
  outline: none;
  width: 100%;
  border-radius: 0;
}

.discount-code-wrapper .discount-code button.cart-btn-2 {
  background: var(--theme-color);
  border-radius: 0;
  color: var(--color-white);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 58px;
  text-transform: uppercase;
}

.discount-code-wrapper .discount-code button.cart-btn-2:hover {
  color: var(--color-white);
  background: var(--color-text);
}

.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
  font-weight: 400;
}

.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 700;
}

.grand-totall .total-shipping {
  border-bottom: 1px solid var(--color-border);
  border-top: 1px solid var(--color-border);
  margin: 0 0 27px;
  padding: 28px 0;
}

.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}

.grand-totall .total-shipping ul {
  padding: 19px 0 0 0;
}

.grand-totall .total-shipping ul li {
  color: var(--color-text);
  list-style: outside none none;
  margin: 0 0 6px;
  display: block;
}

.grand-totall .total-shipping ul li input {
  background: var(--color-border) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  border-radius: 5px !important;
  color: var(--color-text-muted);
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}

.grand-totall .total-shipping ul li span {
  float: right;
}

.grand-totall .grand-totall-title {
  color: var(--theme-color);
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 25px;
}

.grand-totall .grand-totall-title span {
  float: right;
}

.grand-totall a {
  background-color: var(--theme-color);
  border-radius: 0;
  color: var(--color-white);
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.grand-totall a:hover {
  background-color: var(--color-text);
}

.billing-info-wrap h3 {
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 2rem;
  font-size: 24px;
  line-height: 16px;
}

.billing-info-wrap .billing-info input {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  width: 100%;
  outline: none;
  height: 45px;
}

.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 10px;
}

.billing-info-wrap .billing-info .checkout-account label {
  color: var(--color-text-muted);
  font-weight: 400;
  margin: 0 0 0 12px;
}

.billing-info-wrap .billing-info .checkout-account input {
  border: 1px solid var(--color-border);
  display: inline-block;
  float: left;
  height: 12px;
  width: 12px;
  margin-top: 7px;
  cursor: pointer;
}

.billing-info-wrap .billing-select select {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  width: 100%;
  outline: none;
  height: 45px;
}

.billing-info-wrap .checkout-account-toggle input {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 0 0 20px;
  width: 100%;
  height: 45px;
  outline: none;
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn {
  background-color: var(--theme-color);
  border: medium none;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 700;
  padding: 10px 2rem;
  text-transform: uppercase;
  border-radius: 0;
  z-index: 9;
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
  background-color: var(--color-text);
}

.billing-info-wrap .additional-info-wrap {
  margin: 2rem 0;
}

.billing-info-wrap .additional-info-wrap h4 {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 10px;
}

.billing-info-wrap .additional-info-wrap textarea {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: 14px;
  height: 138px;
  padding: 17px 20px;
  width: 100%;
  outline: none;
}

.your-order-area h3 {
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 2rem;
  font-size: 24px;
  line-height: 16px;
}

.your-order-area .your-order-wrap {
  padding: 38px 45px 44px;
  background: var(--color-surface);
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
  font-size: 16px;
  font-weight: 700;
  list-style: outside none none;
  color: var(--color-text);
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
  border-bottom: 1px solid var(--color-border);
  border-top: 1px solid var(--color-border);
  margin: 29px 0;
  padding: 19px 0 18px;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 600;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
  border-bottom: 1px solid var(--color-border);
  border-top: 1px solid var(--color-border);
  margin: 18px 0 33px;
  padding: 17px 0 19px;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
  font-weight: 700;
  color: var(--theme-color);
  font-size: 16px;
  list-style: outside none none;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {
  font-weight: 700;
  color: var(--color-text);
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 38px 2rem 44px;
  }
}

.your-order-area .payment-accordion {
  margin: 0 0 16px;
}

.your-order-area .payment-accordion:last-child {
  margin: 0 0 0;
}

.your-order-area .payment-accordion h4 a {
  color: var(--color-text);
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

.your-order-area .payment-accordion .panel-body {
  padding: 5px 0 0 0;
}

.your-order-area .payment-accordion .panel-body p {
  padding: 0 0 0 10px;
  font-size: 14px;
  color: var(--color-text-soft);
  line-height: 24px;
}

.your-order-area .Place-order {
  margin-top: 25px;
}

.your-order-area .Place-order a {
  background-color: var(--theme-color);
  color: var(--color-white);
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  padding: 18px 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  z-index: 9;
}

.your-order-area .Place-order a:hover {
  background-color: var(--color-text);
}

.open-toggle, .open-toggle2 {
  display: none;
}

.compare-table .table tbody tr:first-child {
  border-top: 1px solid var(--color-border-soft);
}

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 2rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-border-soft);
  border-left: 1px solid var(--color-border-soft);
}

.compare-table .table tbody tr td:last-child {
  border-right: 1px solid var(--color-border-soft);
}

.compare-table .table tbody tr td.first-column {
  min-width: 160px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text);
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 300px;
  vertical-align: bottom;
  padding-top: 70px;
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  font-size: 13px;
  line-height: 15px;
  color: var(--color-text);
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 20px;
  margin-bottom: 10px;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
  line-height: 24px;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: var(--theme-color);
  color: var(--color-white);
  border-radius: 0;
  display: inline-block;
  width: 160px;
  padding: 14px 25px 14px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  font-weight: 700;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: var(--color-text);
}

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: var(--color-transparent);
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  color: var(--color-text);
}

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 22px;
}

.compare-table .table tbody tr td.pro-remove button:hover {
  color: var(--theme-color);
}

.compare-table .table tbody tr td.pro-ratting i {
  font-size: 20px;
  color: var(--color-rating);
}

.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}

.login-register-wrapper .login-register-tab-list a {
  position: relative;
}

.login-register-wrapper .login-register-tab-list a:before {
  background-color: var(--color-text);
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}

.login-register-wrapper .login-register-tab-list a:hover h4 {
  color: var(--theme-color) !important;
}

.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: var(--color-text);
}

.login-register-wrapper .login-register-tab-list a:last-child:before {
  display: none;
}

.login-register-wrapper .login-form-container {
  background: var(--color-transparent) none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px var(--color-overlay-light);
  box-shadow: 0 0 6px var(--color-overlay-light);
  padding: 80px;
  text-align: left;
}

.login-register-wrapper #username {
  margin-bottom: .75rem;
}

.login-register-wrapper .login-form-container .login-register-form input {
  background-color: var(--color-transparent);
  border: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: 14px;
  height: 45px;
  margin-bottom: 0;
  padding: 0 15px;
  width: 100%;
  outline: none;
}

.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn {
  padding: 10px 0 19px;
  font-size: 14px;
}

.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn input[type=checkbox] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}

.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a {
  color: var(--color-text);
  float: right;
  font-size: 14px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a.flote-none {
  float: none !important;
}

.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a:hover {
  color: var(--theme-color);
}

.login-register-wrapper .login-form-container .login-register-form .button-box button {
  background-color: var(--color-surface-alt);
  border: medium none;
  color: var(--color-text);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 11px 2rem;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  outline: none;
  border-radius: 0;
}

.login-register-wrapper .login-form-container .login-register-form .button-box button:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}

.login-register-wrapper .login-register-tab-list a.active h4 {
  color: var(--theme-color);
}

.single-my-account {
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
}

.single-my-account h3.panel-title {
  background-color: var(--color-surface-soft);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  line-height: 2;
}

.single-my-account h3.panel-title span {
  color: var(--color-text);
  font-size: 14px;
  left: 20px;
  position: absolute;
  top: 16px;
}

.single-my-account h3.panel-title a {
  color: var(--color-text);
  display: block;
  padding: 16px 55px;
  position: relative;
}

.single-my-account h3.panel-title a:before {
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 7 Sharp";
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -14px;
}

.single-my-account h3.panel-title a:hover {
  color: var(--theme-color);
}

.single-my-account .myaccount-info-wrapper {
  padding: 0;
  background-color: var(--color-white);
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 28px;
  padding-bottom: 2rem;
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
  color: var(--color-text);
  font-weight: 700;
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
  font-size: 14px;
  letter-spacing: 0.2px;
  margin-top: 7px;
  font-weight: 600;
  color: var(--color-text);
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 28px;
  padding-bottom: 2rem;
}

.single-my-account .myaccount-info-wrapper .billing-info {
  margin-bottom: 20px;
}

.single-my-account .myaccount-info-wrapper .billing-info label {
  color: var(--color-text-soft);
  font-size: 14px;
}

.single-my-account .myaccount-info-wrapper .billing-info input {
  background: var(--color-transparent) none repeat scroll 0 0;
  border: 1px solid var(--color-border);
  color: var(--color-text-soft);
  height: 40px;
  padding: 0 15px;
  width: 100%;
  outline: none;
}

.single-my-account .myaccount-info-wrapper .billing-back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
  color: var(--color-text);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
  font-size: 15px;
  color: var(--theme-color);
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover {
  color: var(--theme-color);
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button {
  background-color: var(--color-surface-alt);
  border: medium none;
  color: var(--color-text);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 35px 17px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  outline: none;
  border-radius: 0;
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button:hover {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.single-my-account .myaccount-info-wrapper .entries-wrapper {
  border: 1px solid var(--color-border);
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper {
    padding: 2rem 10px;
  }
}

.single-my-account .myaccount-info-wrapper .entries-wrapper:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: var(--color-border);
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper:before {
    display: none;
  }
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
  padding: 2rem 20px;
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 0 10px 2rem;
  }
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
  color: var(--color-text-soft);
  font-size: 14px;
  margin: 0;
  line-height: 24px;
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a {
  background-color: var(--color-danger);
  color: var(--color-white);
  display: inline-block;
  line-height: 1;
  margin: 0 2px;
  padding: 12px 15px;
  text-transform: uppercase;
  font-weight: 700;
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover {
  background-color: var(--theme-color);
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit {
  background-color: var(--color-text);
  font-weight: 700;
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover {
  background-color: var(--theme-color);
}

.cart-heading h2 {
  color: var(--color-text);
  text-align: left;
  font-size: 24px;
  line-height: 16px;
  font-style: normal;
  text-transform: none;
  margin: 0 0 2rem;
  font-weight: 600;
}

.empty-text-contant i {
  font-size: 60px;
  color: var(--color-text);
}

.empty-text-contant h1 {
  font-size: 28px;
  color: var(--color-text);
  margin: 20px 0 20px;
}

@media only screen and (max-width: 575px) {
  .empty-text-contant h1 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 360px) {
  .empty-text-contant h1 {
    font-size: 15px;
  }
}

.empty-text-contant a.empty-cart-btn {
  padding: 15px 25px;
  display: inline-block;
  background: var(--theme-color);
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.empty-text-contant a.empty-cart-btn:hover {
  background-color: var(--color-text);
}

.empty-text-contant a.empty-cart-btn:hover i {
  -webkit-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
}

.empty-text-contant a.empty-cart-btn i {
  font-size: 16px !important;
  font-size: 18px;
  color: var(--color-white);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
}

.about-area .about-content h2 {
  font-weight: 600;
  margin: 0 0 15px;
  font-size: 40px;
}

@media only screen and (max-width: 479px) {
  .about-area .about-content h2 {
    font-size: 24px;
  }
}

.about-area .about-content p {
  line-height: 24px;
  color: var(--color-text);
}

.about-area .single-about h4 {
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-text);
  margin: 0 0 15px;
}

@media only screen and (max-width: 479px) {
  .about-area .single-about h4 {
    font-size: 24px;
  }
}

.about-area .single-about p {
  line-height: 24px;
  color: var(--color-text);
}

.left-sidebar .search-widget {
  position: relative;
}

.left-sidebar input {
  width: 100%;
  border: 1px solid var(--color-border);
  height: 45px;
  padding: 0 55px 0 20px;
  border-radius: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .left-sidebar input {
    font-size: 12px;
    padding-left: 10px;
  }
}

.left-sidebar button {
  position: absolute;
  width: 50px;
  height: 45px;
  left: auto;
  right: 0;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  border-radius: 0 5px 5px 0px;
  background-color: var(--theme-color);
  color: var(--color-white);
}

.left-sidebar button:hover {
  background-color: var(--color-text);
}

.left-sidebar .category-post li {
  margin-bottom: 5px;
  display: block;
}

.left-sidebar .category-post li a {
  color: var(--color-text-soft);
  line-height: 24px;
}

.left-sidebar .category-post li a:hover {
  color: var(--theme-color);
}

.left-sidebar .category-post li:last-child {
  margin: 0;
}

.left-sidebar .recent-post-widget .recent-single-post {
  margin: 0 0 2rem;
}

.left-sidebar .recent-post-widget .recent-single-post .thumb-side img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side {
  margin: 0 0 0 18px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 24px;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side a {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 600;
}

.left-sidebar .recent-post-widget .recent-single-post .media-side a:hover {
  color: var(--theme-color);
}

.single-blog-post {
  line-height: 24px;
}

.single-blog-post .blog-post-media {
  overflow: hidden;
}

.single-blog-post .blog-post-media .blog-image img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.single-blog-post .blog-post-media iframe {
  width: 100%;
  position: relative;
  border: 0;
}

.single-blog-post .slick-slide:focus {
  outline: 0 none;
}

.single-blog-post .blog-gallery .slick-slide img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.single-blog-post .blog-gallery .slick-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.single-blog-post .blog-gallery .slick-arrow.next {
  left: auto;
  right: 0;
}

.single-blog-post .blog-gallery .slick-arrow i {
  font-size: 26px;
  color: var(--color-text);
}

.single-blog-post .blog-gallery .slick-arrow i:hover {
  color: var(--theme-color);
}

.single-blog-post .blog-gallery:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  left: 20px;
}

.single-blog-post .blog-gallery:hover .slick-arrow.next {
  left: auto;
  right: 20px;
}

.single-blog-post.blog-list-post .blog-post-media .blog-image img {
  height: 300px;
}

.single-blog-post.blog-list-post .blog-post-media iframe {
  width: 100%;
  position: relative;
  height: 300px;
}

.single-blog-post.blog-list-post .blog-post-media .blog-gallery .slick-slide img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.single-blog-page .single-blog-post .blog-image img {
  height: auto;
}

.blog-post-content-inner .blog-title a {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text);
}

.blog-post-content-inner .blog-title a:hover {
  color: var(--theme-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

.blog-post-content-inner .blog-page-meta {
  margin: 10px 0;
}

.blog-post-content-inner .blog-page-meta li {
  display: inline-block;
  position: relative;
}

.blog-post-content-inner .blog-page-meta li:first-child {
  margin-right: 15px;
}

.blog-post-content-inner .blog-page-meta li:first-child:after {
  position: absolute;
  top: 50%;
  right: -9px;
  left: auto;
  background: var(--color-text-muted);
  content: "";
  width: 1px;
  height: 12px;
  margin-top: -6px;
}

.blog-post-content-inner .blog-page-meta li a {
  display: block;
  color: var(--color-text);
}

.blog-post-content-inner .blog-page-meta li a:hover {
  color: var(--theme-color);
}

.blog-post-content-inner p {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
  color: var(--color-text);
  line-height: 24px;
}

.blog-post-content-inner .read-more-btn {
  color: var(--color-text);
  font-size: 14px;
  line-height: 1;
  position: relative;
  display: inline-block;
}

.blog-post-content-inner .read-more-btn i {
  color: var(--theme-color);
  font-size: 16px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
  display: inline-block;
}

.blog-post-content-inner .read-more-btn:hover {
  padding-left: 10px;
  color: var(--theme-color);
}

.single-post-content p {
  margin: 20px 0;
  color: var(--color-text);
  line-height: 24px;
}

.single-post-content p.quate-speech {
  margin-left: 100px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 26px;
  font-style: italic;
  border-left: 3px solid var(--theme-color);
}

@media only screen and (max-width: 767px) {
  .single-post-content p.quate-speech {
    margin-left: 50px;
  }
}

.blog-single-tags-share {
  margin-bottom: 35px;
  line-height: 24px;
}

.blog-single-tags-share span.title {
  font-weight: 700;
  color: var(--color-text);
}

.blog-single-tags-share .tag-list li {
  display: inline-block;
  margin-left: 5px;
  color: var(--color-text);
}

.blog-single-tags-share .tag-list li a {
  color: var(--color-text);
}

.blog-single-tags-share .tag-list li a:hover {
  color: var(--theme-color);
}

.blog-single-tags-share .social li {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  color: var(--color-text);
}

.blog-single-tags-share .social li a {
  color: var(--color-text);
}

.blog-single-tags-share .social li a:hover {
  color: var(--theme-color);
}

.blog-related-post {
  padding: 40px 0 2rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.blog-related-post .section-title {
  border-bottom: 0 solid var(--color-border);
  margin-bottom: 50px;
}

.blog-related-post .section-title:before {
  display: none;
}

.blog-related-post .section-title h2 {
  padding: 0;
}

.blog-related-post .section-title h2:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -25px;
  height: 2px;
  bottom: -22px;
  background: var(--color-accent-alt);
  width: 50px;
}

.blog-related-post .blog-title a {
  font-size: 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-related-post .blog-title a {
    font-size: 20px;
  }
}

.comment-area {
  line-height: 24px;
  margin-top: 35px;
}

.comment-area h2.comment-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  color: var(--color-text);
  line-height: 16px;
  font-weight: 600;
  margin: 0 0 40px;
}

.comment-area .single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review {
    display: block;
  }
}

.comment-area .single-review .review-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review .review-img {
    margin: 0 0 20px 0;
  }
}

.comment-area .single-review .review-content {
  padding: 2rem;
  border: 1px solid var(--color-border);
  border-radius: 0;
}

.comment-area .single-review .review-content .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-area .single-review .review-content .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-area .single-review .review-content .review-top-wrap .review-left .review-name h4 {
  font-weight: 600;
  color: var(--color-text);
}

.comment-area .single-review .review-content .review-top-wrap .review-left a {
  color: var(--color-text);
}

.comment-area .single-review .review-content .review-top-wrap .review-left a:hover {
  color: var(--theme-color);
}

.comment-area .single-review .review-content p {
  margin: 0;
  width: 93%;
}

@media only screen and (max-width: 479px) {
  .comment-area .single-review .review-content p {
    width: 100%;
  }
}

.comment-area .single-review.child-review {
  margin-left: 70px;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review.child-review {
    margin-left: 0;
  }
}

.blog-comment-form {
  line-height: 24px;
}

.blog-comment-form h2.comment-heading {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  color: var(--color-text);
  line-height: 16px;
  font-weight: 600;
  margin: 0 0 10px;
}

.blog-comment-form p {
  margin: 0 0 2rem;
}

.blog-comment-form .single-form input, .blog-comment-form .single-form textarea {
  padding: 2px 10px 2px 20px;
  background: var(--color-transparent);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  border-radius: 0;
}

.blog-comment-form .single-form textarea {
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
  width: 100%;
  outline: none;
}

.blog-comment-form .single-form input {
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: var(--color-text);
  width: 100%;
  margin-bottom: 15px;
  outline: none;
}

.blog-comment-form .single-form input.submit {
  padding: 0 55px !important;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  background: var(--theme-color) !important;
  display: block;
  color: var(--color-white) !important;
  width: 200px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin: 20px 0px 0px 0px;
}

.blog-comment-form .single-form input.submit:hover {
  background-color: var(--color-text) !important;
}

.contact-area .contact-map {
  margin-bottom: 60px;
}

.contact-area .gmap_canvas iframe {
  overflow: hidden;
  background: none !important;
  height: 500px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .gmap_canvas iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .gmap_canvas iframe {
    height: 350px;
  }
}

.contact-area .custom-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.contact-area .custom-row-2 div[class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

.contact-area .custom-row-2 .contact-info-wrap {
  background-color: var(--color-surface-alt);
  padding: 120px 70px 112px 90px;
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-icon {
  margin-right: 20px;
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-icon i {
  font-size: 20px;
  color: var(--color-text);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid var(--color-text);
  text-align: center;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info:hover .contact-icon i {
  background-color: var(--theme-color);
  color: var(--color-white);
  border-color: var(--theme-color);
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p {
  line-height: 1;
  color: var(--color-text);
  margin: 0 0 9px;
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p a {
  color: var(--color-text);
}

.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
  color: var(--theme-color);
}

.contact-area .custom-row-2 .contact-info-wrap .contact-social h3 {
  font-weight: 700;
  color: var(--color-text);
  font-size: 24px;
  margin: 0 0 17px;
  line-height: 1;
}

.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info {
  margin-top: 2rem;
}

.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-text-muted);
  font-size: 24px;
  padding: 0;
  line-height: 36px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin-right: 15px;
}

.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info a:hover {
  color: var(--theme-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 50px 2rem 50px 2rem;
  }
}

.contact-area .custom-row-2 .contact-form {
  background-color: var(--color-surface-alt);
  padding: 50px 110px 50px 110px;
}

.contact-area .custom-row-2 .contact-form .contact-title h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1;
  margin-bottom: 36px;
  margin-left: -10px;
}

.contact-area .custom-row-2 .contact-form .contact-form-style input, .contact-area .custom-row-2 .contact-form .contact-form-style textarea {
  background: var(--color-transparent);
  border: 1px solid var(--color-text-soft);
  height: 40px;
  padding: 2px 14px;
  margin-bottom: 2rem;
  color: var(--color-text);
  width: 100%;
  outline: none;
  border-radius: 0;
}

.contact-area .custom-row-2 .contact-form .contact-form-style textarea {
  padding: 20px 14px;
  margin-bottom: 0;
  height: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form .contact-form-style textarea {
    height: 12rem;
  }
}

.contact-area .custom-row-2 .contact-form .contact-form-style button {
  border: none;
  background-color: var(--theme-color);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 15px 52px;
  margin-top: 33px;
  outline: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 0;
}

.contact-area .custom-row-2 .contact-form .contact-form-style button:hover {
  background: var(--color-text);
}

.contact-area .custom-row-2 .contact-form p {
  color: var(--color-text);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 2rem 50px 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 2rem 50px 2rem;
  }
}

.modal-dialog {
  margin: 0% auto;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}

.modal-dialog .modal-header {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 10px;
  border-bottom: 1px solid var(--color-border);
}

.modal-dialog .modal-header span {
  font-size: 24px;
  color: var(--color-text);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal-dialog .modal-header span:hover {
  color: var(--theme-color);
}

.modal-dialog .product-details-content {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.modal-dialog .product-details-content p.quickview-para {
  font-size: 14px;
  color: var(--color-text);
  line-height: 24px;
  margin: 0 0px 20px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    max-width: 720px;
    width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 98%;
    max-width: 100%;
    padding: 35px 0;
    margin: auto 2%;
  }
}

.modal-dialog .gallery-thumbs {
  width: 90%;
  margin: auto;
}

.modal-dialog .gallery-thumbs .single-slide {
  margin: 0 5px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.modal-dialog .gallery-thumbs .single-slide img {
  margin: auto;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.modal-dialog .gallery-thumbs .single-slide img:hover {
  border: 1px solid var(--theme-color);
}

.modal-dialog .gallery-thumbs .single-slide.slick-slide.slick-current img {
  border: 1px solid var(--theme-color);
}

.modal-dialog .gallery-thumbs .slick-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
}

.modal-dialog .gallery-thumbs .slick-arrow i {
  font-size: 20px;
  color: var(--color-text);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.modal-dialog .gallery-thumbs .slick-arrow i:hover {
  color: var(--theme-color);
}

.modal-dialog .gallery-thumbs span.next.slick-arrow {
  left: auto;
  right: 0;
}

.modal-dialog:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.modal-dialog:hover .slick-arrow.next {
  right: -15px !important;
}

.modal-dialog:hover .slick-arrow.prev {
  left: -15px;
}

.modal.fade {
  display: block !important;
  opacity: 0;
  visibility: hidden;
}

.modal.fade.show {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.best-sell-area .product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner {
    display: block;
  }
}

.best-sell-area .product-inner .img-block {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
  max-width: 315px;
  margin-right: 20px;
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .img-block {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    margin-right: 0;
  }
}

.best-sell-area .product-inner .product-decs {
  padding: 25px 10px 10px 0px;
  overflow: hidden;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.best-sell-area .product-inner .product-decs .in-stock {
  font-size: 13px;
  color: var(--color-text-soft);
  line-height: 1;
  display: block;
  margin: 0 0 15px;
}

.best-sell-area .product-inner .product-decs .in-stock span {
  color: var(--theme-color);
}

.best-sell-area .product-inner .product-decs p {
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 2rem;
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .product-decs p {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .product-decs {
    text-align: center;
  }
}

.best-sell-area .list-product {
  padding: 1%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  margin-bottom: 15px;
}

.category-slider-area .list-product {
  padding: 0;
  display: inline-block;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-slider-area .list-product {
    display: block;
  }
}

.category-slider-area .list-product .product-inner .img-block {
  float: left;
  width: 100px;
  position: relative;
  overflow: hidden;
}

.category-slider-area .list-product:hover .product-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.category-slider-area .list-product .product-decs {
  overflow: hidden;
  padding: 10px;
  text-align: left;
  padding-bottom: 0;
}

.news-letter-area {
  position: relative;
  padding: 45px 0;
  background: var(--theme-color);
}

.news-letter-area .title-newsletter h2 {
  font-size: 24px;
  color: var(--color-white);
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 10px;
}

.news-letter-area .title-newsletter p {
  color: var(--color-white);
  font-size: 14px;
}

.news-letter-area .subscribe-form {
  position: relative;
  overflow: hidden;
}

.news-letter-area .subscribe-form .validate {
  height: 47px;
  background: var(--color-white);
  border: 0;
  color: var(--color-text-soft);
  padding: 15px 120px 0px 20px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  border: none;
  border-radius: 0;
}

.news-letter-area .subscribe-form .validate input.email {
  width: 100%;
}

.news-letter-area .subscribe-form .validate .button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-white);
  background: var(--color-text);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 20px;
  line-height: 47px;
  height: 47px;
  border-radius: 0;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.blank-page-area .blank-content-header {
  margin: 0 0 3rem;
}

.blank-page-area .blank-content-header h1 {
  color: var(--color-text);
  text-align: left;
  font-size: 28px;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 14px;
  }
}

.blank-page-area .page-not-found {
  -webkit-box-shadow: 2px 2px 8px 0 var(--color-overlay);
  box-shadow: 2px 2px 8px 0 var(--color-overlay);
  background: var(--color-white);
  padding: 1rem;
  font-size: 0.875rem;
  color: var(--color-text-muted);
  max-width: 570px;
  margin: 0 auto;
}

.blank-page-area .page-not-found h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.5rem 0 1rem;
}

.blank-page-area .page-not-found p {
  color: var(--color-text-muted);
}

.blank-page-area .page-not-found a {
  color: var(--color-text);
  font-weight: 700;
  margin: 10px 0;
  display: inline-block;
}

.blank-page-area .page-not-found a:hover {
  color: var(--theme-color);
}

/* style2.css overrides style1.css */
/*
Theme Name: PWP - E-Shop
Theme URI: https://basic-web.ch
Author: Basic Web
Author URI: https://basic-web.ch
Description: PWP - E-Shop - Electronics eCommerce WordPress Theme based on WooCommerce. Converted from the Abelo HTML template.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: ThemeForest Regular License
License URI: https://themeforest.net/licenses/standard
Text Domain: pwp
Tags: e-commerce, woocommerce, custom-menu, custom-logo, featured-images, theme-options

PWP - E-Shop WordPress Theme - Electronics eCommerce
*/
@font-face {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("assets/fonts/fa-sharp-solid-900.woff2") format("woff2");
}

*,
*::before,
*::after {
  outline: none !important;
}

*:focus,
*:focus-visible,
*:active {
  outline: none !important;
  box-shadow: none !important;
}

body.home .header-menu {
  border-bottom: none;
}

.header-menu-nav .currency-switcher-item .dropdown-menu {
  min-width: 94px;
}

.header-menu-nav .currency-switcher-item .dropdown-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-menu-nav .currency-switcher-item .dropdown-menu li a {
  display: block;
  padding: 6px 29px;
  color: inherit;
  text-decoration: none;
  var(--color-white)-space: nowrap;
  cursor: pointer;
}

.menu-nav a {
  color: var(--color-text);
  font-weight: 400;
}

.menu-nav a:hover {
  color: var(--theme-color);
}

.currency-switcher-item .wcml-switcher-proxy {
  display: none;
}

.header-top .logo .custom-logo img {
  max-width: 261px;
}

.mobile-header .header-logo .custom-logo img {
  max-width: 200px;
}

.category-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.category-toggle .menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  top: -1px;
  position: relative;
}

.category-toggle .menu-icon svg {
  width: 100%;
  height: 100%;
}

.category-toggle .menu-icon svg path {
  transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
  fill: none;
  stroke: var(--color-text);
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 30px;
}

.category-toggle .menu-icon svg path#bottom,
.category-toggle .menu-icon svg path#top {
  stroke-dasharray: 240px 950px;
}

.category-toggle .menu-icon svg path#middle {
  stroke-dasharray: 240px 240px;
}

.breadcrumb-content {
  font-size: 14px;
}

.breadcrumb-content i {
  margin: 0 5px;
  font-size: 12px;
}

b, strong {
  font-weight: 600;
}

body.page-template-default .the-content a:hover {
  opacity: .6;
}

h1, .h1, h2, .h2 {
  color: var(--theme-color);
}

.the-content h2:not(:first-child) {
  margin-top: 2rem;
}

.woocommerce .woocommerce-ordering {
  margin: 0;
}

body .facetwp-page {
  margin-right: 0;
}

body .facetwp-radio {
  font-size: 14px;
}

body .searchwp-live-search-result--title {
  font-weight: 400;
  margin-bottom: 3px;
}

body .searchwp-live-search-result .searchwp-live-search-result--add-to-cart .button {
  margin-top: 7px;
  font-weight: 400;
  padding: 5px 10px;
  display: inline-block;
}

body .searchwp-live-search-results {
  border-radius: 0;
  border: 1px solid var(--color-border);
  box-shadow: none !important;
}

body .searchwp-live-search-result {
  padding: 10px 20px;
}

body .searchwp-live-search-result--desc {
  font-size: 14px;
  margin-bottom: 0;
}

body p.searchwp-live-search-no-results {
  display: none;
}

body .searchwp-live-search-no-results em {
  font-style: normal;
  font-size: 14px;
}

body .searchwp-live-search-no-results {
  padding: 2em 20px 0;
}

small.woocommerce-price-suffix {
  font-size: inherit;
}

.wp-block-woocommerce-checkout-order-summary-shipping-block .wc-block-components-totals-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="password"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"], .wc-blocks-components-select .wc-blocks-components-select__select {
  border: 1px solid var(--color-border);
  border-radius: 0;
  color: var(--color-text);
  font-size: 15px;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  border-radius: 0;
}

.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label {
  font-weight: 300;
}

.wc-block-components-title.wc-block-components-title {
  color: var(--color-text-soft);
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > *, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > * {
  margin-bottom: 5px;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > :last-child, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap > :last-child {
  margin-top: 10px;
}

.woocommerce div.product .pro-details-quality form.cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
}

.pro-details-quality form.cart .screen-reader-text {
  display: none;
}

.pro-details-quality form.cart .quantity {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-border);
  height: 50px;
  margin: 0;
  background: var(--color-white);
}

.pro-details-quality form.cart .quantity .qtybutton {
  width: 40px;
  height: 48px;
  padding: 0;
  border: none;
  background: var(--color-transparent);
  color: var(--color-text);
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  font-weight: 300;
}

.pro-details-quality form.cart .quantity .qtybutton:hover {
  background: var(--color-surface-soft);
}

.pro-details-quality form.cart .quantity .qty {
  width: 60px;
  height: 48px;
  padding: 0;
  border: none;
  background: var(--color-transparent);
  color: var(--color-text);
  font-size: 16px;
  text-align: center;
  box-shadow: none;
  appearance: textfield;
  -moz-appearance: textfield;
}

.pro-details-quality form.cart .quantity .qty::-webkit-outer-spin-button,
.pro-details-quality form.cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pro-details-quality form.cart .quantity .qty:focus {
  outline: none;
  box-shadow: none;
}

.pro-details-quality form.cart .single_add_to_cart_button {
  height: 50px;
  padding: 0 35px;
  border: none;
  border-radius: 0;
  background: var(--theme-color);
  color: var(--color-white);
  font-size: 16px;
  line-height: 50px;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}

.pro-details-quality form.cart .single_add_to_cart_button:hover,
.pro-details-quality form.cart .single_add_to_cart_button:focus {
  background: var(--color-text);
  color: var(--color-white);
}

.pro-details-quality .variations_form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pro-details-quality .variations {
  width: 100%;
  margin: 0;
  border: none;
}

.pro-details-quality .variations tbody,
.pro-details-quality .variations tr,
.pro-details-quality .variations th,
.pro-details-quality .variations td {
  display: block;
  width: 100%;
}

.pro-details-quality .variations tr + tr {
  margin-top: 15px;
}

.pro-details-quality .variations th.label {
  margin: 0 0 8px 0;
  padding: 0;
  border: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}

.pro-details-quality .variations th.label label {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  color: var(--color-text);
}

.pro-details-quality .variations td.value {
  position: relative;
  padding: 0;
  border: none;
}

.pro-details-quality .variations td.value select {
  width: 100%;
  height: 50px;
  padding: 0 45px 0 15px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  color: var(--color-text);
  font-size: 15px;
  line-height: 48px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.pro-details-quality .variations td.value::after {
  content: "\f078";
  position: absolute;
  top: 1px;
  right: 15px;
  height: 50px;
  line-height: 50px;
  font-family: "Font Awesome 7 Sharp";
  font-weight: 900;
  font-size: 14px;
  pointer-events: none;
  color: var(--color-text);
}

.pro-details-quality .variations td.value select:focus {
  border-color: var(--theme-color);
}

.pro-details-quality .reset_variations {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--theme-color);
  text-decoration: none;
}

.pro-details-quality .reset_variations:hover {
  color: var(--color-text);
}

.pro-details-quality .single_variation_wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pro-details-quality .woocommerce-variation.single_variation {
  margin: 0;
}

.pro-details-quality .woocommerce-variation-price {
  margin: 0;
}

.pro-details-quality .woocommerce-variation-price .price {
  display: block;
  color: var(--theme-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.pro-details-quality .woocommerce-variation-description {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-text-muted);
}

.pro-details-quality .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-border);
  height: 50px;
  margin: 0;
  background: var(--color-white);
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qtybutton {
  width: 40px;
  height: 48px;
  padding: 0;
  border: none;
  background: var(--color-transparent);
  color: var(--color-text);
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qtybutton:hover {
  background: var(--color-surface-soft);
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qty {
  width: 60px;
  height: 48px;
  padding: 0;
  border: none;
  background: var(--color-transparent);
  color: var(--color-text);
  font-size: 16px;
  text-align: center;
  box-shadow: none;
  appearance: textfield;
  -moz-appearance: textfield;
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qty::-webkit-outer-spin-button,
.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pro-details-quality .woocommerce-variation-add-to-cart .quantity .qty:focus {
  outline: none;
  box-shadow: none;
}

.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  height: 50px;
  padding: 0 35px;
  border: none;
  border-radius: 0;
  background: var(--theme-color);
  color: var(--color-white);
  font-size: 16px;
  line-height: 50px;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}

.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button:focus {
  background: var(--color-text);
  color: var(--color-white);
}

.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button.disabled,
.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pro-details-quality .screen-reader-text {
  display: none;
}

.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover {
  background: var(--theme-color) !important;
  color: var(--color-white) !important;
  opacity: 0.5;
  cursor: not-allowed;
}

.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--theme-color);
  color: var(--color-white);
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background: var(--color-text);
  color: var(--color-white);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  font-size: 24px;
  color: var(--color-text);
  font-weight: 700;
  line-height: 2rem;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: 1px solid var(--color-border);
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  top: 50%;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: var(--color-surface-alt);
  color: var(--color-text);
  border-top: 3px solid var(--theme-color);
}

.the-content ul.woocommerce-error, .the-content ul.woocommerce-info, .the-content ul .woocommerce-message {
  background-color: var(--color-surface-alt);
  color: var(--color-text);
  border-top: 3px solid var(--theme-color);
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  list-style-position: outside;
}

.woocommerce-message {
  border-top-color: var(--theme-color);
}

.woocommerce-message::before {
  color: var(--theme-color);
}

.woocommerce-account-area .checkout-wrapper {
  background: var(--color-white);
}

.woocommerce-account-area .single-my-account {
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
}

.woocommerce-account-area .my-account-title {
  margin: 0;
  padding: 0;
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.woocommerce-account-area .my-account-title .panel-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
}

.woocommerce-account-area .my-account-title .panel-title a {
  display: block;
  padding: 18px 25px;
  color: var(--color-text);
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.woocommerce-account-area .my-account-title .panel-title span {
  color: var(--theme-color);
  margin-right: 8px;
}

.woocommerce-account-area .single-my-account.is-active .my-account-title,
.woocommerce-account-area .my-account-title .panel-title a:hover {
  background: var(--theme-color);
}

.woocommerce-account-area .single-my-account.is-active .my-account-title .panel-title a,
.woocommerce-account-area .single-my-account.is-active .my-account-title .panel-title span,
.woocommerce-account-area .my-account-title .panel-title a:hover,
.woocommerce-account-area .my-account-title .panel-title a:hover span {
  color: var(--color-white);
}

.woocommerce-account-area .panel-body {
  padding: 30px;
  border-top: none;
}

.woocommerce-account-area .myaccount-info-wrapper {
  width: 100%;
}

.woocommerce-account-area .woocommerce-MyAccount-content,
.woocommerce-account-area .woocommerce-MyAccount-navigation {
  float: none;
  width: 100%;
}

.woocommerce-account-area .woocommerce-orders-table,
.woocommerce-account-area .woocommerce-table--order-downloads,
.woocommerce-account-area .shop_table {
  width: 100%;
}

.woocommerce-account-area .woocommerce-Addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.woocommerce-account-area .woocommerce-Address {
  flex: 1 1 300px;
}

.woocommerce-account-area .woocommerce form .form-row input.input-text,
.woocommerce-account-area .woocommerce form .form-row textarea,
.woocommerce-account-area .woocommerce form .form-row select {
  height: 50px;
  padding: 0 15px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  box-shadow: none;
}

.woocommerce-account-area .woocommerce form .form-row textarea {
  min-height: 140px;
  padding: 15px;
}

.woocommerce-account-area .woocommerce button.button,
.woocommerce-account-area .woocommerce a.button,
.woocommerce-account-area .woocommerce input.button {
  background: var(--theme-color);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.3s ease 0s;
}

.woocommerce-account-area .woocommerce button.button:hover,
.woocommerce-account-area .woocommerce a.button:hover,
.woocommerce-account-area .woocommerce input.button:hover {
  background: var(--color-text);
  color: var(--color-white);
}

@media (max-width: 767px) {
  .woocommerce-account-area .panel-body {
    padding: 20px;
  }
  
  .woocommerce-account-area .my-account-title .panel-title a {
    padding: 15px 20px;
    font-size: 16px;
  }
}

.woocommerce-account-area .accordion-item {
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
  border-radius: 0;
  overflow: hidden;
}

.woocommerce-account-area .accordion-button,
.woocommerce-account-area .my-account-logout-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 18px 25px;
  border: none;
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 18px;
  font-weight: 600;
  box-shadow: none;
  text-decoration: none;
}

.woocommerce-account-area .accordion-button:not(.collapsed) {
  background: var(--theme-color);
  color: var(--color-white);
  box-shadow: none;
}

.woocommerce-account-area .accordion-button:not(.collapsed) span {
  color: var(--color-white);
}

.woocommerce-account-area .accordion-button:focus {
  box-shadow: none;
  border-color: var(--color-transparent);
}

.woocommerce-account-area .my-account-logout-link:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

.woocommerce-account-area .my-account-logout-link:hover span {
  color: var(--color-white);
}

.woocommerce-account-area .accordion-body {
  padding: 30px;
  background: var(--color-white);
}

.woocommerce-account-area .woocommerce form .form-row input.input-text,
.woocommerce-account-area .woocommerce form .form-row textarea,
.woocommerce-account-area .woocommerce form .form-row select {
  height: 50px;
  padding: 0 15px;
  border: 1px solid var(--color-border);
  box-shadow: none;
}

.woocommerce-account-area .woocommerce form .form-row textarea {
  min-height: 160px;
  padding: 15px;
}

.woocommerce-account-area .woocommerce button.button,
.woocommerce-account-area .woocommerce a.button,
.woocommerce-account-area .woocommerce input.button {
  background: var(--theme-color);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.woocommerce-account-area .woocommerce button.button:hover,
.woocommerce-account-area .woocommerce a.button:hover,
.woocommerce-account-area .woocommerce input.button:hover {
  background: var(--color-text);
  color: var(--color-white);
}

.accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.woocommerce-account-area .my-account-logout {
  margin-top: 30px;
  text-align: center;
}

.woocommerce-account-area .my-account-logout .button {
  display: inline-block;
  min-width: 200px;
  padding: 0 35px;
  line-height: 50px;
  height: 50px;
  background: var(--theme-color);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  text-decoration: none;
  box-shadow: none;
  transition: all 0.3s ease 0s;
  font-weight: 500;
}

.woocommerce-account-area .my-account-logout .button:hover {
  background: var(--color-text);
  color: var(--color-white);
}

.woocommerce-Addresses.col2-set::after, .woocommerce-Addresses.col2-set::before, .woocommerce-Addresses.col2-set::after, .woocommerce-Addresses.col2-set::before {
  display: none !important;
}

.myaccount-info-wrapper h2 {
  font-weight: 500;
  font-size: var(--wp--preset--font-size--small, 14px);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-soft);
}

.woocommerce-account .addresses .title .edit {
  float: none;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
  font-weight: 400;
  padding: .5em;
  border: 1px solid var(--color-border);
  border-radius: 0;
  color: var(--color-text);
  height: 42px;
  font-size: 15px;
}

:where(.woocommerce) .select2-container .select2-dropdown, :where(.woocommerce) .select2-container .select2-selection {
  border: 1px solid var(--color-border);
  border-radius: 0;
}

.select2-dropdown {
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--color-border);
}

.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] {
  background-color: var(--theme-color);
  color: var(--color-white);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color-border);
  color: var(--color-text);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  padding: 1em 1.5em;
  font-weight: 500;
  border-radius: 0;
  color: var(--color-white);
  background-color: var(--theme-color);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  background-color: var(--color-text);
  color: var(--color-white);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.view {
  padding: .75em 1em;
  font-size: 12px;
}

.woocommerce form .form-row .required {
  font-weight: 400;
}

.mark, mark {
  padding: 0;
  color: inherit;
  background-color: var(--color-transparent);
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  border-radius: 0;
  padding: 0;
}

.woocommerce table.shop_table th {
  font-weight: 500;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  font-weight: 500;
}

.woocommerce table.shop_table {
  border-radius: 0;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-top: 1px solid var(--color-border);
}

.woocommerce table.shop_table {
  border: 1px solid var(--color-border);
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label, #account_display_name_description {
  font-size: 14px;
}

.edit-account > fieldset > legend {
  font-weight: 500;
  font-size: var(--wp--preset--font-size--small, 14px);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-text-soft);
}

.woocommerce-address-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px 0;
}

.woocommerce-address-fields__field-wrapper {
  width: 100%;
}

.woocommerce-address-fields > p.myaccount-back-to-addresses,
.woocommerce-address-fields > p:last-child {
  flex: 1 1 50%;
  margin-bottom: 0;
}

.woocommerce-address-fields > p.myaccount-back-to-addresses {
  text-align: left;
}

.woocommerce-address-fields > p:last-child {
  text-align: right;
}

.woocommerce form .form-row {
  padding: 0;
}

.woocommerce-EditAccountForm.edit-account fieldset {
  margin: 2rem 0;
}

.wp-element-button {
  padding: 1.25em 1.5em;
  font-weight: 500;
  border-radius: 0;
  color: var(--color-white);
  background-color: var(--theme-color);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  padding-left: 0;
}

.woocommerce ul.order_details {
  margin: 0 0 2rem;
}

@media (max-width: 991px) {
  .woocommerce ul.order_details li {
    float: none;
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-bottom: 1rem;
  }
  
  .woocommerce ul.order_details {
    margin: 0 0 1rem;
  }
}

@media (max-width: 767px) {
  .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    margin-top: 2rem;
  }
}

.woocommerce-privacy-policy-text p {
  font-size: 14px;
}

.b2bking_b2bregistration_only_register_header {
  display: none;
}

.login-register-form .woocommerce-form-register .woocommerce-form-row input {
  margin-bottom: 0;
}

/* =============================================================
   HOMEPAGE – Sections spécifiques front-page.php
   ============================================================= */
/* ----- Sections utilitaires ----- */
.pwp-section {
  padding: 64px 0;
}

.pwp-section__title {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.4rem;
}

.pwp-section__subtitle {
  font-size: 15px;
  color: var(--color-text-soft);
  font-weight: 300;
}

/* ----- Hero ----- */
.pwp-hero {
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center 60%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.pwp-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--color-overlay-dark-72) 0%, var(--color-overlay-dark-30) 60%, var(--color-transparent) 100%);
  z-index: 0;
}

.pwp-hero .container {
  position: relative;
  z-index: 1;
}

.pwp-hero__body {
  color: var(--color-white);
}

.pwp-hero__tagline {
  display: block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--theme-color);
  margin-bottom: 16px;
}

.pwp-hero__title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--color-white);
  margin-bottom: 36px;
}

.pwp-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--theme-color);
  color: var(--color-white) !important;
  font-size: 13px;
  font-weight: 400;
  padding: 0 20px;
  line-height: 36px;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 300ms linear;
}

.pwp-hero__cta:hover {
  background-color: var(--color-text);
  color: var(--color-white) !important;
}

@media (max-width: 991px) {
  .pwp-hero {
    height: 400px;
  }
  
  .pwp-hero__title {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .pwp-hero {
    height: 320px;
  }
  
  .pwp-hero__title {
    font-size: 24px;
  }
  
  .pwp-hero__tagline {
    font-size: 13px;
  }
}

/* ----- Categories ----- */
.pwp-categories {
  background: var(--color-surface-accent);
}

.pwp-cat-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  transition: box-shadow .25s, transform .25s;
  text-decoration: none;
  height: 100%;
}

.pwp-cat-card:hover {
  box-shadow: 0 0px 4.65px 0.35px var(--color-overlay);
}

.pwp-cat-card__visual {
  background: linear-gradient(135deg, var(--color-surface-info) 0%, var(--color-surface-info-strong) 100%);
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.pwp-cat-card__visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Noir et blanc : les visuels de categories viennent de sources tres
     differentes, le desaturer donne une grille homogene et laisse le bleu de
     la charte ressortir. */
  filter: grayscale(1);
  transition: filter 0.3s ease;
}

.pwp-cat-card__abbr {
  font-size: 28px;
  font-weight: 800;
  color: var(--theme-color);
  letter-spacing: .04em;
}

.pwp-cat-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Sans ecart declare, un nom long venait coller son compteur, voire le
     pousser sur deux lignes. */
  gap: 14px;
  padding: 12px 16px;
  border-top: 1px solid var(--color-surface-alt);
}

.pwp-cat-card__name {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text);
  line-height: 20px;
  min-width: 0;
  transition: .3s;
}

.pwp-cat-card:hover .pwp-cat-card__name {
  color: var(--theme-color);
}

.pwp-cat-card__count {
  font-size: 12px;
  color: var(--color-text-soft);
  font-weight: 400;
  /* Le compteur garde sa ligne : c'est au nom de passer a la ligne. */
  white-space: nowrap;
  flex-shrink: 0;
}

/* ----- Produits ----- */
.pwp-products {
  background: var(--color-white);
}

/* Force 4 colonnes sur grand écran pour la grille homepage */
@media (min-width: 992px) {
  .pwp-products-grid > .mb-30px {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.pwp-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--theme-color);
  color: var(--color-white) !important;
  font-size: 13px;
  font-weight: 400;
  padding: 0 20px;
  line-height: 36px;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
  var(--color-white)-space: nowrap;
  transition: background 300ms linear;
}

.pwp-btn-outline:hover {
  background: var(--color-text);
  color: var(--color-white) !important;
}

/* ----- Engagements ----- */
.pwp-commits {
  background: var(--color-surface-accent);
}

.pwp-commit {
  background: var(--color-white);
  padding: 36px 28px;
  text-align: center;
  border: 1px solid var(--color-border);
  height: 100%;
  transition: box-shadow .25s;
}

.pwp-commit__icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--color-surface-info) 0%, var(--color-surface-info-strong) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 26px;
  color: var(--theme-color);
}

.pwp-commit__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 10px;
}

.pwp-commit__text {
  font-size: 14px;
  color: var(--color-text-soft);
  font-weight: 300;
  margin: 0;
}

/* =============================================================
   FIN HOMEPAGE
   ============================================================= */
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  padding: 1em 15px;
}

body p.woocommerce-customer-details--phone{
  margin-bottom: 0;
}

/* =============================================================
   Footer
   ============================================================= */
.pwp-footer {
  background: #1a1d29;
  color: #c8ccd6;
  font-size: 14px;
  line-height: 1.6;
}

.pwp-footer a {
  color: #c8ccd6;
  text-decoration: none;
  transition: color 200ms ease;
}

.pwp-footer a:hover {
  color: var(--color-white, #fff);
}

/* ----- Bandeau réassurance ----- */
.pwp-footer__trust {
  background: #14171f;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pwp-footer__trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.pwp-footer__trust-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  color: #d9dde6;
}

.pwp-footer__trust-list i {
  font-size: 16px;
  color: var(--theme-color, #3a9bdc);
}

@media (max-width: 767px) {
  .pwp-footer__trust-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .pwp-footer__trust-list li {
    justify-content: flex-start;
    font-size: 13px;
  }
}

/* ----- Main : 4 colonnes ----- */
.pwp-footer__main {
  padding: 50px 0 30px;
}

.pwp-footer__col {
  display: flex;
  flex-direction: column;
}

.pwp-footer__brand {
  max-width: 180px;
  margin-bottom: 14px;
}

.pwp-footer__brand img,
.pwp-footer__brand a img {
  max-width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

.pwp-footer__tagline {
  font-size: 16px;
  font-style: italic;
  color: var(--color-white, #fff);
  margin: 0 0 12px;
}

.pwp-footer__desc {
  font-size: 13px;
  color: #8a8f9e;
  line-height: 1.6;
  margin: 0;
  max-width: 320px;
}

.pwp-footer__heading {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-white, #fff);
  margin: 0 0 18px;
  position: relative;
  padding-bottom: 8px;
}

.pwp-footer__heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 2px;
  background: var(--theme-color, #3a9bdc);
}

.pwp-footer__sub-heading {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #a8adb8;
  margin: 22px 0 10px;
}

/* ----- Listes contact ----- */
.pwp-footer__contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pwp-footer__contact li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
  font-size: 13.5px;
  line-height: 1.5;
}

.pwp-footer__contact i {
  color: var(--theme-color, #3a9bdc);
  font-size: 14px;
  margin-top: 4px;
  flex-shrink: 0;
  width: 16px;
  text-align: center;
}

.pwp-footer__contact a {
  color: #c8ccd6;
}

.pwp-footer__contact a:hover {
  color: var(--theme-color, #3a9bdc);
}

/* ----- Listes liens ----- */
.pwp-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pwp-footer__links li {
  padding: 4px 0;
}

.pwp-footer__links a {
  font-size: 13.5px;
  display: inline-block;
  transition: padding-left 200ms ease, color 200ms ease;
}

.pwp-footer__links a:hover {
  color: var(--color-white, #fff);
  padding-left: 4px;
}

.pwp-footer__links--small a {
  font-size: 13px;
  color: #8a8f9e;
}

/* ----- Réseaux sociaux ----- */
.pwp-footer__social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
}

.pwp-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  font-size: 15px;
  transition: background 200ms ease, transform 200ms ease;
}

.pwp-footer__social a:hover {
  background: var(--theme-color, #3a9bdc);
  transform: translateY(-2px);
}

/* ----- Bottom bar ----- */
.pwp-footer__bottom {
  background: #0f1117;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 13px;
  color: #8a8f9e;
}

.pwp-footer__copyright,
.pwp-footer__tagline-bottom {
  margin: 0;
  font-size: 13px;
  color: #8a8f9e;
}

@media (max-width: 767px) {
  .pwp-footer__bottom {
    text-align: center;
  }

  .pwp-footer__bottom .text-md-end {
    text-align: center !important;
    margin-top: 6px;
  }
}

/* =============================================================
   Pagination produits : plus d'aération haut / bas
   ============================================================= */
.pro-pagination-style.text-center {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* =============================================================
   Shop sidebar : facet Hierarchy (drill-down catégories) — style allégé
   ============================================================= */
.facetwp-type-hierarchy {
  display: flex;
  flex-direction: column;
}

.facetwp-type-hierarchy .facetwp-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 4px;
  background: transparent;
  color: var(--color-text, #333);
  border: 0;
  border-bottom: 1px solid var(--color-border);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  transition: color 200ms ease, padding-left 200ms ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.facetwp-type-hierarchy .facetwp-link:hover {
  color: var(--theme-color, #1a4d8c);
  padding-left: 8px;
}

.facetwp-type-hierarchy .facetwp-link.checked {
  color: var(--theme-color, #1a4d8c);
  font-weight: 600;
}

/* Bouton retour parent : style plus visible, sépare du reste */
.facetwp-type-hierarchy .facetwp-link.facetwp-depth {
  margin-bottom: 6px;
  padding: 10px 12px;
  background: var(--color-surface-alt, #f4f6fa);
  border-bottom: 0;
  font-weight: 600;
  color: var(--color-text, #333);
}

.facetwp-type-hierarchy .facetwp-link.facetwp-depth::before {
  content: "←";
  font-weight: 700;
  margin-right: 6px;
}

.facetwp-type-hierarchy .facetwp-link.facetwp-depth:hover {
  background: var(--color-text, #333);
  color: var(--color-white, #fff);
  padding-left: 12px;
}

.facetwp-type-hierarchy .facetwp-counter {
  font-size: 12px;
  opacity: 0.55;
  font-weight: 400;
  flex-shrink: 0;
}

/* Sur mobile : zone de touche un peu plus haute */
@media (max-width: 991px) {
  .facetwp-type-hierarchy .facetwp-link {
    padding: 10px 4px;
    font-size: 15px;
  }
}

/* =============================================================
   Page catégorie : filtre par sous-catégorie
   ============================================================= */
.pwp-subcat-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--color-border);
}

.pwp-subcat-filter__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  min-height: 40px;
  background: var(--color-surface-alt, #f4f6fa);
  color: var(--color-text, #333);
  border: 1px solid var(--color-border);
  border-radius: 22px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.3;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.pwp-subcat-filter__btn:hover,
.pwp-subcat-filter__btn:focus-visible {
  background: var(--color-text, #333);
  color: var(--color-white, #fff);
  border-color: var(--color-text, #333);
  outline: none;
}

.pwp-subcat-filter__btn.is-active {
  background: var(--theme-color, #1a4d8c);
  color: var(--color-white, #fff);
  border-color: var(--theme-color, #1a4d8c);
  pointer-events: none;
}

.pwp-subcat-filter__btn--all {
  background: var(--color-white, #fff);
  font-weight: 600;
}

.pwp-subcat-filter__count {
  font-size: 12px;
  opacity: 0.75;
  font-weight: 400;
}

/* === Switch mobile/desktop : <576px => select, >=576px => pills === */
.pwp-subcat-filter-mobile {
  display: none;
}

@media (max-width: 575px) {
  .pwp-subcat-filter {
    display: none;
  }

  .pwp-subcat-filter-mobile {
    display: block;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-border);
  }
}

/* Select natif stylisé */
.pwp-subcat-filter-select {
  width: 100%;
  min-height: 44px;
  padding: 10px 38px 10px 14px;
  background: var(--color-white, #fff);
  color: var(--color-text, #333);
  border: 1px solid var(--color-border);
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555'><path d='M4 6l4 4 4-4z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.pwp-subcat-filter-select:focus {
  border-color: var(--theme-color, #1a4d8c);
  outline: none;
  box-shadow: 0 0 0 3px rgba(26, 77, 140, 0.15);
}

/* Accessibilité : label visuellement caché */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =============================================================
   Live Search : N° article dans les suggestions
   ============================================================= */
.searchwp-live-search-result--sku {
  font-size: 12px;
  color: var(--color-text-soft, #888);
  margin: 2px 0 4px;
}

.searchwp-live-search-result--sku span {
  color: var(--color-text, #444);
  font-weight: 500;
}

/* =============================================================
   Fiche produit : colonne droite = même hauteur que la galerie
   ============================================================= */
@media (min-width: 992px) {
  .product-details-area .row > .col-xl-6,
  .product-details-area .row > .col-lg-6 {
    display: flex;
  }

  .product-details-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  /* Le bouton "Ajouter au panier" se colle en bas de la colonne */
  .product-details-content .pro-details-quality {
    margin-top: auto;
  }
}

/* =============================================================
   Fiche produit : méta-données sous le prix (poids, dimensions)
   ============================================================= */
.pwp-product-meta {
  list-style: none;
  padding: 0;
  margin: 12px 0 18px;
  font-size: 14px;
  color: var(--color-text, #333);
}

.pwp-product-meta li {
  padding: 4px 0;
  border-bottom: 1px solid var(--color-border);
}

.pwp-product-meta li:last-child {
  border-bottom: none;
}

/* Encart visiteur non connecté (sous « Se connecter pour voir les prix ») */
.pwp-visitor-invite {
  background: var(--color-surface-accent);
  padding: 20px 22px;
  margin: 0 0 1rem;
}

.pwp-visitor-invite__title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
}

.pwp-visitor-invite__text {
  margin: 0 0 12px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--color-text-muted);
}

.pwp-visitor-invite__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--theme-color);
  text-decoration: none;
  transition: transform 0.2s ease;
}

.pwp-visitor-invite__link:hover,
.pwp-visitor-invite__link:focus-visible {
  text-decoration: none;
  transform: translateX(10px);
}

@media (prefers-reduced-motion: reduce) {
  .pwp-visitor-invite__link {
    transition: none;
  }
}

.pwp-product-meta .pwp-meta-label {
  display: inline-block;
  min-width: 100px;
  color: var(--color-text-soft, #777);
  font-weight: 500;
}

/* =============================================================
   Fiche produit : description longue sous le titre
   ============================================================= */
.pwp-product-description {
  margin: 12px 0 18px;
}

.pwp-product-description__content {
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-text, #444);
}

.pwp-product-description__content p:last-child {
  margin-bottom: 0;
}

/* =============================================================
   Fiche produit : blocs « Souvent vendu avec » /
   « Autres produits de cette catégorie » (sliders)
   ============================================================= */
.pwp-product-related {
  background: var(--color-surface-accent);
}

/* Séparation subtile quand les deux blocs se suivent */
.pwp-product-upsells + .pwp-product-related {
  border-top: 1px solid var(--color-border);
}

.pwp-product-related__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-text, #222);
}

/* Les cartes (fond blanc + bordure) doivent remplir la hauteur du slide */
.pwp-product-related .pwp-product-card {
  height: 100%;
}

.pwp-related-slider {
  position: relative;
}

/* Repli sans JavaScript : rangée horizontale, sans défilement */
.pwp-related-slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.pwp-related-slider:not(.slick-initialized) .pwp-related-slider__item {
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 991px) {
  .pwp-related-slider:not(.slick-initialized) .pwp-related-slider__item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (max-width: 767px) {
  .pwp-related-slider:not(.slick-initialized) .pwp-related-slider__item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Gouttières entre les slides */
.pwp-related-slider .slick-list {
  margin: 0 -10px;
}

.pwp-related-slider__item {
  padding: 0 10px;
}

/* Cartes de hauteur égale dans le slider */
.pwp-related-slider .slick-track {
  display: flex;
}

.pwp-related-slider .slick-slide {
  height: auto;
}

.pwp-related-slider .slick-slide .slider-single-item {
  height: 100%;
}

/* Flèches du slider */
.pwp-related-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background: var(--color-white);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  transition: background-color 200ms linear, color 200ms linear;
}

.pwp-related-slider__arrow:hover {
  background: var(--theme-color);
  color: var(--color-white);
}

.pwp-related-slider__arrow:focus-visible {
  outline: 2px solid var(--theme-color);
  outline-offset: 2px;
}

.pwp-related-slider__arrow--prev {
  left: -8px;
}

.pwp-related-slider__arrow--next {
  right: -8px;
}

.pwp-related-slider__arrow.slick-disabled {
  opacity: 0.35;
  cursor: default;
}

.pwp-related-slider__arrow.slick-disabled:hover {
  background: var(--color-white);
  color: var(--color-text);
}

@media (max-width: 575px) {
  .pwp-related-slider__arrow {
    width: 36px;
    height: 36px;
  }
}

/* =============================================================
   Cartes produits : N° article sous le titre
   ============================================================= */
.pwp-product-card__sku {
  font-size: 12px;
  color: var(--color-text-soft, #888);
  margin: 0 0 8px;
  letter-spacing: 0.02em;
}

.pwp-product-card__sku span {
  color: var(--color-text, #444);
  font-weight: 500;
}

/* =============================================================
   Cartes produits : hauteurs égalisées sur une rangée
   ============================================================= */
.facetwp-template > [class*="col-"],
.pwp-products-grid > [class*="col-"],
.pwp-product-related .row > [class*="col-"] {
  display: flex;
}

.facetwp-template .slider-single-item,
.pwp-products-grid .slider-single-item,
.pwp-product-related .slider-single-item {
  display: flex;
  width: 100%;
}

.facetwp-template .pwp-product-card,
.pwp-products-grid .pwp-product-card,
.pwp-product-related .pwp-product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.facetwp-template .pwp-product-card .product-inner,
.pwp-products-grid .pwp-product-card .product-inner,
.pwp-product-related .pwp-product-card .product-inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.facetwp-template .pwp-product-card .product-decs,
.pwp-products-grid .pwp-product-card .product-decs,
.pwp-product-related .pwp-product-card .product-decs {
  flex: 1 1 auto;
}

.facetwp-template .pwp-product-card .cart-btn,
.pwp-products-grid .pwp-product-card .cart-btn,
.pwp-product-related .pwp-product-card .cart-btn {
  margin-top: auto;
}
/* =========================================
   Badges des cartes produit (Top Seller / promo)
   ========================================= */
.pwp-product-card .product-inner {
  position: relative;
}

.pwp-product-card .product-flag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}

.pwp-product-card .product-flag li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.6;
  color: var(--color-white);
}

.pwp-product-card .product-flag li.top-seller {
  /* Doré de la charte : se distingue du bleu des boutons et du rouge des
     promotions. Doré assombri pour que le texte blanc reste lisible. */
  background: #a8834f;
  color: var(--color-white);
}

.pwp-product-card .product-flag li.top-seller i {
  font-size: 10px;
}

.pwp-product-card .product-flag li.new {
  background: var(--color-danger);
}

/* =========================================
   Page Top Seller
   ========================================= */
.pwp-top-sellers__intro {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-text-secondary);
  font-size: 15px;
  line-height: 1.7;
}

.pwp-top-sellers__empty {
  padding: 60px 0;
}

.pwp-top-sellers__empty p {
  margin-bottom: 24px;
  color: var(--color-text-secondary);
  font-size: 15px;
}

/* =========================================
   Case newsletter (formulaire d'inscription)
   ========================================= */
.login-register-form .pwp-newsletter-optin {
  margin: 4px 0 18px;
}

/* Le sélecteur doublé dépasse « .woocommerce form .form-row label »
   (display:block, line-height:2) des CSS WooCommerce. */
.login-register-form .pwp-newsletter-optin label,
.login-register-wrapper .login-form-container .login-register-form .pwp-newsletter-optin label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text-secondary);
}

/* Case redessinée a minima pour garantir un vu blanc sur fond bleu
   (avec accent-color, le navigateur choisit lui-même la couleur du vu).
   Le contexte .login-register-wrapper est nécessaire pour dépasser la règle
   générique du thème qui force tous les inputs du formulaire en
   width:100%; height:45px; padding:0 15px. */
.login-register-form .pwp-newsletter-optin input[type="checkbox"],
.login-register-wrapper .login-form-container .login-register-form .pwp-newsletter-optin input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-text-soft);
  border-radius: 0;
  background-color: var(--color-white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  cursor: pointer;
  transition: background-color 150ms linear, border-color 150ms linear;
}

.login-register-form .pwp-newsletter-optin input[type="checkbox"]:hover,
.login-register-wrapper .login-form-container .login-register-form .pwp-newsletter-optin input[type="checkbox"]:hover {
  border-color: var(--theme-color);
}

.login-register-form .pwp-newsletter-optin input[type="checkbox"]:checked,
.login-register-wrapper .login-form-container .login-register-form .pwp-newsletter-optin input[type="checkbox"]:checked {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  /* !important : contre le reset global du thème
     « button, input, ... { background-image: none !important; } » */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6.5 4.7 9 10 3'/%3E%3C/svg%3E") !important;
}

.login-register-form .pwp-newsletter-optin input[type="checkbox"]:focus-visible,
.login-register-wrapper .login-form-container .login-register-form .pwp-newsletter-optin input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--theme-color);
  outline-offset: 2px;
}

/* =========================================
   Page 404
   ========================================= */
.pwp-404 {
  padding: 70px 0 90px;
  background: var(--color-white);
}

.pwp-404__eyebrow {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--theme-color);
}

.pwp-404__number {
  margin-bottom: 4px;
  font-size: clamp(90px, 18vw, 160px);
  font-weight: 800;
  line-height: 1;
  color: var(--color-surface-info);
  text-shadow: 0 1px 0 var(--color-surface-info-strong);
  user-select: none;
}

.pwp-404__title {
  margin-bottom: 12px;
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 700;
  color: var(--color-text);
}

.pwp-404__text {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-text-secondary);
}

.pwp-404__search {
  max-width: 520px;
  margin: 0 auto 48px;
}

.pwp-404__search-row {
  position: relative;
}

.pwp-404__search-row input[type="search"] {
  width: 100%;
  height: 49px;
  padding: 0 60px 0 20px;
  border: 1px solid var(--color-border);
  border-radius: 0;
  font-size: 16px;
  line-height: 45px;
}

.pwp-404__search-row input[type="search"]:focus {
  outline: 2px solid var(--theme-color);
  outline-offset: -1px;
  border-color: var(--theme-color);
}

.pwp-404__search-row button {
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--theme-color);
  color: var(--color-white);
  cursor: pointer;
  transition: background-color 200ms linear;
}

.pwp-404__search-row button i {
  font-size: 20px;
  line-height: 49px;
}

.pwp-404__search-row button:hover {
  background-color: var(--color-text);
}

.pwp-404__search-row button:focus-visible {
  outline: 2px solid var(--color-text);
  outline-offset: 2px;
}

.pwp-404__links-title {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-muted);
}

.pwp-404__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 28px 18px;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 200ms linear, box-shadow 200ms linear;
}

.pwp-404__card:hover {
  border-color: var(--theme-color);
  box-shadow: 0 6px 18px rgba(51, 51, 51, 0.08);
}

.pwp-404__card:focus-visible {
  outline: 2px solid var(--theme-color);
  outline-offset: 2px;
}

.pwp-404__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, var(--color-surface-info) 0%, var(--color-surface-info-strong) 100%);
  font-size: 20px;
  color: var(--theme-color);
}

.pwp-404__card-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
}

.pwp-404__card-text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-text-muted);
}

.pwp-404__home {
  margin-top: 44px;
  line-height: 44px;
}

@media only screen and (max-width: 767px) {
  .pwp-404 {
    padding: 40px 0 60px;
  }

  .pwp-404__search {
    margin-bottom: 36px;
  }
}

/* =========================================
   Boutons d'achat : graisse unifiée
   ========================================= */

/* Le thème appliquait des graisses disparates (500, 600, 700) selon les écrans.
   Tous les boutons portant un libellé sont ramenés à la même graisse légère.
   Les contrôles de quantité (+ et -) gardent la leur : ce sont des commandes
   d'interface, pas des boutons d'action. */
.list-product .cart-btn a.add-to-curt,
.shop-list-wrap .cart-btn a.add-to-curt,
.pro-details-quality form.cart .single_add_to_cart_button,
.pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.pwp-alu__add,
.offcanvas .inner .foot .buttons a,
.tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .discount-code button.cart-btn-2,
.billing-info-wrap .checkout-account-toggle button.checkout-btn,
.login-register-wrapper .login-form-container .login-register-form .button-box button,
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a,
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button,
.empty-text-contant a.empty-cart-btn,
.contact-area .custom-row-2 .contact-form .contact-form-style button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.pwp-btn-outline,
.wc-proceed-to-checkout a.checkout-button,
/* Panier et commande utilisent les blocs WooCommerce, dont les boutons ont
   leurs propres classes et une graisse imposée par le plugin. */
.wc-block-components-button,
.wc-block-components-button__text,
.wc-block-cart__submit-button {
  font-weight: 300;
}

/* =========================================
   Panier vide : blocs WooCommerce alignés sur le thème
   ========================================= */

/* Le bloc « panier vide » est rendu par WooCommerce avec son propre style :
   grande frimousse triste, titres bleus, grille de produits sans bordure.
   On le ramène à la sobriété du reste du site. */

.wp-block-woocommerce-empty-cart-block {
  padding: 10px 0 30px;
}

/* Frimousse remplacée par un panier, plus neutre pour une boutique B2B. */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  content: "\f07a"; /* panier, Font Awesome */
  font-family: "Font Awesome 7 Sharp", "Font Awesome 6 Sharp", "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  margin: 0 auto 18px;
  width: auto;
  height: auto;
  background: none;
  font-size: 40px;
  line-height: 1;
  color: var(--color-neutral-mid);
  mask: none;
  -webkit-mask: none;
}

.wc-block-cart__empty-cart__title {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 6px;
}

/* Séparateur en pointillés du bloc : inutile ici. */
.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots {
  display: none;
}

/* Titre de la sélection de produits, au format des autres titres de section. */
.wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-text);
  margin: 34px 0 22px;
}

/* Vignettes encadrées, comme les cartes produit du reste du site. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  border: 1px solid var(--color-border);
  background: var(--color-white);
  padding: 14px;
  margin: 0;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-text);
  text-transform: uppercase;
  line-height: 1.4;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  height: 150px;
  object-fit: contain;
}

/* Les grilles de produits n'affichent pas d'invitation à se connecter :
   on reste cohérent avec la boutique et les autres listes. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  display: none;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a {
  /* Le bouton des blocs WooCommerce est noir et arrondi par défaut : on reprend
     le bleu et la forme des boutons du site. */
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  background: var(--theme-color);
  color: var(--color-white);
  border: none;
  border-radius: 0;
  padding: 0 18px;
  line-height: 34px;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a:hover {
  background: var(--color-text);
  color: var(--color-white);
}

/* Sur mobile, les cartes font environ 140 px de large et « Voir les options »
   passait sur deux lignes : le bouton prend toute la largeur de la carte et le
   texte est reduit pour tenir sur une seule ligne, meme a 320 px. */
@media only screen and (max-width: 575px) {
  .pwp-product-card .cart-btn {
    padding: 0 6px 12px;
  }

  .list-product .cart-btn a.add-to-curt {
    display: block;
    width: 100%;
    padding: 0 4px;
    text-align: center;
    white-space: nowrap;
    font-size: 11px;
  }
}


/* =========================================
   Badge « Bêta » accolé au logo
   ========================================= */

.pwp-logo-wrap {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
}

.pwp-beta {
  align-self: center;
  padding: 2px 7px;
  border-radius: 3px;
  background: var(--theme-color);
  color: var(--color-white);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pwp-footer__brand .pwp-beta {
  background: rgba(255, 255, 255, 0.18);
}

@media (max-width: 575px) {
  .pwp-beta {
    font-size: 9px;
    padding: 1px 5px;
  }
}


/* =========================================
   Ajustements mobile (2026-09-11)
   ========================================= */

/* --- Cartes de catégorie : nom sur sa ligne, nombre en dessous --- */
@media (max-width: 767px) {
  .pwp-cat-card__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 12px;
  }

  .pwp-cat-card__name {
    font-size: 15px;
    line-height: 19px;
  }

  .pwp-cat-card__count {
    /* Le nombre passait a la ligne faute de place a cote du nom. */
    white-space: nowrap;
  }
}

/* --- Barre du haut de la boutique : empilee et pleine largeur --- */
@media (max-width: 767px) {
  .shop-category-area .shop-top-bar {
    padding: 14px;
    margin-bottom: 1.25rem;
  }

  .shop-category-area .shop-top-bar .row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .shop-category-area .shop-top-bar .row > .col,
  .shop-category-area .shop-top-bar .row > .col-auto {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Selecteurs alignes sur ceux du theme, qui sont plus specifiques :
     « .shop-tab p » et « .select-shoing-wrap .shop-select » gagnaient. */
  .shop-category-area .shop-top-bar .shop-tab p.woocommerce-result-count {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 13px;
  }

  .shop-category-area .shop-top-bar .shop-tab {
    display: block;
    width: 100%;
  }

  .shop-category-area .shop-top-bar .select-shoing-wrap {
    width: 100%;
    margin: 0;
  }

  .shop-category-area .shop-top-bar .select-shoing-wrap .shop-select {
    width: 100%;
    margin: 0;
  }

  .shop-category-area .shop-top-bar .select-shoing-wrap .shop-select select,
  .shop-category-area .shop-top-bar .select-shoing-wrap .woocommerce-ordering,
  .shop-category-area .shop-top-bar .select-shoing-wrap .woocommerce-ordering select {
    width: 100%;
  }
}

/* --- Fiche produit : quantite et ajout au panier pleine largeur --- */
@media (max-width: 767px) {
  /* Prefixe « .woocommerce div.product » pour passer devant la feuille du
     thème (gap: 0) et celle de WooCommerce (margin-right: 4px sur .quantity). */
  .woocommerce div.product .pro-details-quality form.cart,
  .woocommerce div.product .pro-details-quality .woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 0 0 10px;
  }

  .woocommerce div.product .pro-details-quality form.cart .quantity,
  .woocommerce div.product .pro-details-quality .woocommerce-variation-add-to-cart .quantity {
    float: none;
    width: 100%;
    margin: 0;
    justify-content: space-between;
  }

  .woocommerce div.product .pro-details-quality form.cart .quantity .qty,
  .woocommerce div.product .pro-details-quality .woocommerce-variation-add-to-cart .quantity .qty {
    flex: 1 1 auto;
    width: auto;
  }

  .woocommerce div.product .pro-details-quality form.cart .single_add_to_cart_button,
  .woocommerce div.product .pro-details-quality .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    width: 100%;
    padding: 0 20px;
    margin: 0;
  }
}

/* --- Slider « Autres produits » : fleches sous les cartes, pas dessus --- */
@media (max-width: 767px) {
  .pwp-related-slider {
    padding-bottom: 56px;
  }

  .pwp-related-slider__arrow {
    /* En dessous et centrees : a 390 px il n'y a pas de gouttiere ou les
       poser, elles recouvraient la premiere et la derniere carte. */
    top: auto;
    bottom: 0;
    transform: none;
  }

  .pwp-related-slider__arrow--prev {
    left: calc(50% - 46px);
  }

  .pwp-related-slider__arrow--next {
    right: calc(50% - 46px);
  }
}

/* --- En-tete fixe : reserver sa hauteur pour eviter le saut --- */
.sticky-nav-spacer {
  display: none;
}

.sticky-nav-spacer.is-active {
  display: block;
}