/*=====================================
  body css
======================================*/
body {
  color: var(--font-color-body);
  font-size: var(--font-size-body);
  background-color: var(--background-color-body);
  
  font-family: var(--font-custom-stack-body);
  font-weight: var(--font-custom-weight-body);
  font-style: var(--font-custom-style-body);
  
  line-height: normal;
  letter-spacing: var(--font-letter-spacing-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

/*=====================================
  Headings css
======================================*/
h1, h2, h3, h4, h5, h6 {
  color: var(--font-color-header);
  margin: 0;
  padding: 0;
  
  font-family: var(--font-custom-stack-header);
  font-weight: var(--font-custom-weight-header);
  font-style: var(--font-custom-style-header);
  
  line-height: normal;
}

/*=====================================
  Section headings css
======================================*/
.section-capture {
  margin-bottom: 50px;
}
.section-title {
  text-align: center;
}
.section-title>span {
  display: block;
  font-weight: var(--font-custom-weight-body);
  padding-bottom: 20px;
}
.section-title h2 {
  font-size: 40px;
  line-height: 1;
  color: var(--font-color-section-header);
  
  font-family: var(--font-custom-stack-section-header);
  font-weight: var(--font-custom-weight-section-header);
  font-style: var(--font-custom-style-section-header);
  
  text-transform: var(--font-text-section-header);
}
.section-title p.desc {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .section-capture{
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .section-capture {
    margin-bottom: 30px;
  }
  .section-title>span {
    padding-bottom: 13px;
  }
  .section-title h2 {
    font-size: 24px;
  }
  .section-title p.desc {
    margin-top: 8px;
  }
}

/*=====================================
  swiper dots css
======================================*/
.swiper-dots {
  margin-top: 50px;
  line-height: 0;
}
.swiper-dots .swiper-pagination.swiper-pagination-bullets {
  width: unset;
  position: unset;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
  margin: -10px 0px 0px -10px;
  
}
.swiper-dots .swiper-pagination.swiper-pagination-bullets span {
  width: 15px;
  height: 15px;
  
  margin: 10px 0px 0px 10px;
  
  background-color: #FFFFFF;
  border-radius: 100%;
  opacity: 0.2;
}
.swiper-dots .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--theme-gradient-color);
}
@media (max-width: 1199px) {
  .swiper-dots {
    margin-top: 40px;
  }
}
@media (max-width: 767px) { 
  .swiper-dots {
    margin-top: 30px;
  }
}

/*=====================================
  swiper button css
======================================*/
.swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.swiper-buttons button {
  background-color: transparent;
  color: var(--font-color-paragraph);
  font-size: 18px;
  width: 45px;
  height: 45px;
  
  margin-left: 15px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--sti-border);
  border-radius: var(--sti-border-radius);
}
.swiper-buttons button:first-child {
  
  margin-left: 0px;
  
}
.swiper-buttons button:hover {
  background-color: var(--font-color-primary);
  color: #ffffff;
  border-color: var(--font-color-primary);
}

@media (max-width: 1199px) {
  .swiper-buttons {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .swiper-buttons {
    margin-top: 30px;
  }
  .swiper-buttons button {
    width: 40px;
    height: 40px;
  }
}

/*=====================================
  paragraph css
======================================*/
p {
  color: var(--font-color-paragraph);
  margin-bottom: 0px;
  
  font-family: var(--font-custom-stack-paragraph);
  font-weight: var(--font-custom-weight-paragraph);
  font-style: var(--font-custom-style-paragraph);
  
  line-height: var(--font-line-height-paragraph);
}

/*=====================================
  'other' tag css
======================================*/
input, textarea, select {
  color: var(--sti-color);
  font-size: var(--sti-font-size);
  padding: 14px 15px;
  width: 100%;
  background-color: var(--sti-bgcolor);
  
  font-family: var(--font-custom-stack-body);
  font-weight: var(--font-custom-weight-body);
  font-style: var(--font-custom-style-body);
  
  text-transform: var(--sti-text);
  border: var(--sti-border);
  border-radius: var(--sti-border-radius);
}
input::placeholder,
textarea::placeholder {
  color: var(--sti-color);
}

/* clears the 'x' from 'Internet Explorer' */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0px;
  height: 0px;
}

/* clears the 'x' from 'Chrome' */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

textarea {
  display: block;
  resize: none;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border: var(--sti-border);
  box-shadow: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url('//qx-velon.myshopify.com/cdn/shop/t/2/assets/ico-select.svg?v=3540120393686482291720440126');
  background-repeat: no-repeat;
  
  padding: 10px 30px 10px 15px;
  background-position: right 15px center;
  
  background-color: transparent;
  cursor: pointer;
}
input.disabled,
input[disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
  color: var(--sti-color)
  background-color: var(--sti-bgcolor);
  border: 1px solid var(--sti-border);
}
/*=====================================
  other custom padding css
======================================*/
.shopify-challenge__container,
.section-ptb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1199px) {
  .shopify-challenge__container,
  .section-ptb {
    padding-top: px;
    padding-bottom: px;
  }
}
@media (max-width: 767px) {
  .shopify-challenge__container,
  .section-ptb {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/*=====================================
  button type css
======================================*/
/* btn1 */
.btn-style,
#pro-review .jdgm-btn, 
#pro-review .jdgm-write-rev-link {
  position: relative;
  color: #FFFFFF;
  font-size: 16px;
  padding: 18px 40px;
  background: -webkit-linear-gradient(0deg,#f122b0 0,#0a48ff 100%);
  text-transform: uppercase;
  font-weight: 600;
  border: 2px none rgba(51, 51, 51, 0.1);
  border-radius: 50px;
  letter-spacing: 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.btn-style:hover,
#pro-review .jdgm-btn:hover, 
#pro-review .jdgm-write-rev-link:hover {
  background: -webkit-linear-gradient(0deg,#0a48ff 0,#f122b0 100%);
  color: #FFFFFF;
  -webkit-background-clip: #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
  border: 2px none rgba(241, 34, 176, 0.1);
}
@media (max-width: 767px) {
  .btn-style,
  #pro-review .jdgm-btn, 
  #pro-review .jdgm-write-rev-link {
    padding: 13px 30px;
  }
}

/* btn2 */
.btn-style2 {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  padding: 18px 40px;
  background: -webkit-linear-gradient(0deg,#0a48ff 0,#f122b0 100%);
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  letter-spacing: 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.btn-style2:hover {
  color: #FFFFFF;
  -webkit-background-clip: #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
  background: -webkit-linear-gradient(0deg,#f122b0 0,#0a48ff 100%);
  border: 1px solid rgba(51, 51, 51, 0.1);
}
@media (max-width: 767px) {
  .btn-style2 {
    padding: 13px 30px;
  }
}

/* btn3 */
.btn-style3 {
  position: relative;
  color: #333333;
  font-size: 16px;
  padding: 11px 20px;
  background: -webkit-linear-gradient(0deg,transparent 0,transparent 100%);
  text-transform: uppercase;
  font-weight: 500;
  border: 2px none rgba(251, 225, 52, 0.1);
  border-radius: 0px;
  letter-spacing: 0px;
}
.btn-style3:hover {
  color: #FFFFFF;
  -webkit-background-clip: #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
  background: -webkit-linear-gradient(0deg,#0a48ff 0,#f122b0 100%);
  border: 2px none rgba(51, 51, 51, 0.1);
}

/* btn4 */
.btn-style4 {
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  padding: 14px 24px;
  background: -webkit-linear-gradient(0deg,transparent 0,transparent 100%);
  text-transform: uppercase;
  font-weight: 500;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  letter-spacing: 0px;
}
.btn-style4:hover {
  color: #f122b0;
  -webkit-background-clip: #f122b0;
  -webkit-text-fill-color: #f122b0;
  background: -webkit-linear-gradient(0deg,#0a48ff 0,#f122b0 100%);
  border: 2px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1199px) {
  .btn-style4 {
    padding: 11px 25px;
  }
}

/* btn disable css */
a.disabled {
  color: #aeaeae!important;
  opacity: 0.65;
  pointer-events: none;
}
a.add-to-cart.disabled,
a.quick-view.disabled,
a.btn[disabled],
a.btn.disabled,
button.btn[disabled],
button.btn.disabled,
button[disabled] {
  color: #eaeaea!important;
  background-color: #ababab!important;
  opacity: 0.65;
  pointer-events: none;
}
a.btn[disabled],
a.btn.disabled,
button.btn[disabled],
button.btn.disabled,
button[disabled] {
  border: 1px solid #ababab!important;
}
/*=====================================
  product label css
======================================*/
.single-product-wrap.stock-out {
  cursor: not-allowed;
}
.single-product-wrap .product-label span {
  font-size: px;
  position: absolute;
  top: px;
  width: px;
  height: px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: ;
  font-weight: ;
  border-radius : px;
  line-height: 1;
}
.single-product-wrap .product-label span.new-sale-title {
  color: ;
  background-color: ;
}
.single-product-wrap .product-label span.percent-count{
  color: ;
  background-color: ;
}
.single-product-wrap .product-label span.soldout-title{
  color: ;
  background-color: ;
}
.single-product-wrap .product-image .product-label span.new-sale-title {
  
  left: 0px;
  
}
.single-product-wrap:hover .product-image .product-label span.new-sale-title {
  
  transform: translateX(-100%);
  
}
.single-product-wrap .product-image .product-label span.soldout-title {
  
  left: 0px;
  
  z-index: 1;
}
.single-product-wrap .product-image .product-label span.percent-count {
  
  right: 0px;
  
}
.single-product-wrap:hover .product-image .product-label span.percent-count {
  
  transform: translateX(100%);
  
}
.single-product-wrap .product-image .product-label span.new-sale-title,
.single-product-wrap .product-image .product-label span.percent-count,
.single-product-wrap:hover .product-image .product-label span.new-sale-title,
.single-product-wrap:hover .product-image .product-label span.percent-count {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/*=====================================
  pagination css
======================================*/
/* page-area css */
.paginatoin-area {
  padding-top: 100px;
}
@media (max-width: 1199px) {
  .paginatoin-area {
    padding-top: px;
  }
}
@media (max-width: 767px) {
  .paginatoin-area {
    padding-top: 60px;
  }
}

    
 /* logo css */
  a.theme-header-logo {
    display: block;
  }
  a.theme-header-logo img {
    max-width: 180px;
  }
  @media (max-width: 479px) {
    a.theme-header-logo img {
      max-width: 140px;
    }
  }

  /* store css */
  a.shop-header-name {
    display: block;
  }
  a.shop-header-name span {
    color: var(--font-color-secondary);
    font-size: 18px;
    font-weight: var(--sti-font-weight);
  }

button.navbar-toggle,
a.header-icon {
  position: relative;
  color: var(--font-color-body);
  display: flex;
  align-items: center;
  line-height: 1;
}
button.navbar-toggle:hover, 
a.header-icon:hover {
  color: var(--font-color-primary);
}
button.navbar-toggle span.menu-icon,
a.header-icon span.icon {
  font-size: 16px;
  display: block;
  line-height: 0;
}
a.header-icon span.count {
  position: relative;
  font-weight: var(--font-subtitle-weight-body);
  
  margin-left: 5px;
  
}
a.header-icon span.count::before {
  content: '(';
}
a.header-icon span.count::after {
  content: ')';
}
@media (max-width: 479px) {
  .wishlist-wrap a.header-icon span.icon,
  .cart-wrap a.header-icon span.icon {
    
    margin-right: 5px;
    
  }
  a.header-icon span.count {
    background-color: var(--font-color-primary);
    color: #FFFFFF;
    font-size: 9px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    
    margin-left: 0px;
    padding-left: 0px;
    right: 0;
    
    border-radius: 100%;
  } 
  a.header-icon span.count::before,
  a.header-icon span.count::after {
    display: none;
  }
}
    

    
    :root {
      --font-weight-body--bold: 700;
      --font-weight-body--bolder: 700;
    
      --font-color-body: #ffffff;
      --font-size-body: 16px;
      --background-color-body: #010716;
      --extra-color-body: #0b101f;
      
      --font-custom-stack-body: 'Figtree', sans-serif;
      --font-custom-weight-body: 400;
      --font-custom-style-body: normal;
      

      --font-size-subtitle-body: 18px;
      --font-subtitle-weight-body: 600;
      --font-letter-spacing-body: 0px;
    
      --font-color-header: #ffffff;
      
      --font-custom-stack-header: 'Figtree', sans-serif;
      --font-custom-weight-header: 600;
      --font-custom-style-header: normal;
      
    
      --font-color-section-header: #ffffff;
      
      --font-custom-stack-section-header: 'Figtree', sans-serif;
      --font-custom-weight-section-header:600;
      --font-custom-style-section-header: normal;
      
      --font-text-section-header: none;
    
      --font-color-paragraph: #808080;
      
      --font-custom-stack-paragraph: 'Figtree', sans-serif;
      --font-custom-weight-paragraph: 400;
      --font-custom-style-paragraph: normal;
      
      --font-line-height-paragraph: 27px;
    
      
      --font-custom-stack-other: 'Figtree', sans-serif;
      
    
      --font-color-primary: #0a48ff;
      --font-color-secondary: #f122b0;
      --theme-gradient-color: -webkit-linear-gradient(180deg,var(--font-color-primary) 0,var(--font-color-secondary) 100%);
      --theme-gradient-color-hvr: -webkit-linear-gradient(180deg,var(--font-color-secondary) 0,var(--font-color-primary) 100%);
      --theme-border-color: rgba(255, 255, 255, 0.2);
    
      --sti-color: #6F6F6F;
      --sti-font-size: 16px;
      --sti-bgcolor: #0b101f;
      --sti-text: none;
      --sti-font-weight: 400;
      --sti-border: 1px solid rgba(255, 255, 255, 0.2);
      --sti-border-radius: 0px;
    
      --box-body-bgcolor: ;
    }


	ul.breadcrumb-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* Style de base de chaque item */
	ul.breadcrumb-list li {
		position: relative;
		display: flex;
		align-items: center;
		line-height: 1;
		padding-right: 10px;
		margin-right: 10px;
	}

	/* Barre verticale entre les éléments */
	ul.breadcrumb-list li::after {
		content: '';
		position: absolute;
		right: -1px;
		height: 12px;
		width: 2px;
		background-color: #ffffff;
	}

	/* Pas de barre après le dernier */
	ul.breadcrumb-list li:last-child::after {
		display: none;
	}

	/* Neutraliser complètement le séparateur Bootstrap */
	ul.breadcrumb-list .breadcrumb-item + .breadcrumb-item::before {
		content: none;   /* supprime le "/" de Bootstrap */
	}

	/* On ne touche plus au padding/margin à partir du 2e item */
	ul.breadcrumb-list li.breadcrumb-item + li.breadcrumb-item {
		padding-left: 0;   /* optionnel, tu peux même supprimer cette règle */
	}

	/* Liens + texte */
	ul.breadcrumb-list li a{
		font-size: 18px;
		color: #ffffff;
	}
	ul.breadcrumb-list li span{
		color: #ffffff;
		font-size: 18px;
	}

	@media (max-width: 1199px) {
		ul.breadcrumb-list li span,
		ul.breadcrumb-list li a{
		  font-size: 14px;
		}
	}

    .breadcrumb-area {
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: url('/templates/templatepixloop/img/1_10152068-fbb1-4d53-ab18-56587a89c892.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        
        position: relative;
    }
    
    .breadcrumb-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #222222;
        opacity: 0.2;
    }
    
    @media (max-width: 1199px) {
        .breadcrumb-area {
            padding-top: 50px;
            padding-bottom: 50px;
        }
    }

	/* breadcrumb title css */
	.breadcrumb-area .breadcrumb-index{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.breadcrumb-area .breadcrumb-index .breadcrumb-title h2{
		color: #ffffff;
		font-size: 34px;
		font-weight: var(--font-custom-weight-section-header);
		line-height: 1;
		position: relative;
		z-index: 1;
	}
	@media (max-width: 1199px) {
		.breadcrumb-area .breadcrumb-index{
			flex-direction: column;
		}
		.breadcrumb-area .breadcrumb-index .breadcrumb-list {
			margin-top: 15px;
		}
		.breadcrumb-area .breadcrumb-index .breadcrumb-title h2{
			font-size: 24px;
		}
	}
	@media (max-width: 767px) {
		.breadcrumb-area .breadcrumb-index .breadcrumb-title h2{
			font-size: 20px;
		}
	}


.copyright-block {
  background-color: rgba(0,0,0,0);
  padding-top: 20px;
  padding-bottom: 20px;
  
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  
}
/* main css */
.copyright-block .copyright-main ul.copyright-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.copyright-block .copyright-main ul.copyright-ul li.copyright-li {
  width: 33.33%;
}
.copyright-block .copyright-main ul.copyright-ul li.copyright-li .logo-wrap {
  text-align: center;
}
.copyright-block .copyright-main ul.copyright-ul li.copyright-li .payment-wrap {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.copy-text,
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.payment {
    width: 50%;
  }
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.f-logo {
    width: 100%;
    order: -1;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.copy-text,
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.payment,
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.f-logo {
    width: 100%;
    text-align: center;
  }
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li.f-logo {
    order: unset;
    margin-top: 10px;
  }
  .copyright-block .copyright-main ul.copyright-ul li.copyright-li .payment-wrap {
    justify-content: center;
  }
}

  /* logo css */
  a.theme-header-logo {
    display: block;
  }
  a.theme-header-logo img {
    max-width: 180px;
  }
  @media (max-width: 479px) {
    a.theme-header-logo img {
      max-width: 140px;
    }
  }

  /* store css */
  a.shop-header-name {
    display: block;
  }
  a.shop-header-name span {
    color: var(--font-color-secondary);
    font-size: 18px;
    font-weight: var(--sti-font-weight);
  }

:root {
  --color-text: #808080;
  --color-heading: #333333;
}
.footer-area{
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  
  background-color: rgba(0,0,0,0);
  
  
  
}
@media (max-width: 1199px){ 
  .footer-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px){
  .footer-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.footer-list-wrap ul.footer-list li.width-store_info_iEy4KL{
                width: calc(25% - 30px);
              }
              @media (max-width: 1199px) {
                .footer-list-wrap ul.footer-list li.width-store_info_iEy4KL{
                  width: calc(50% - 30px);
                  order: -1;
                }
              }
              @media (max-width: 767px) {
                .footer-list-wrap ul.footer-list li.width-store_info_iEy4KL{
                  width: calc(50% - 12px);
                }
              }
              @media (max-width: 479px) {
                .footer-list-wrap ul.footer-list li.width-store_info_iEy4KL{
                  width: calc(100% - 12px); 
                  order: unset;
                }
              }

.footer-list-wrap ul.footer-list li.width-ec0d9f2b-fe12-4fca-b69e-b8dbaf0fd383{
                width: calc(16% - 30px);
              }
              @media (max-width: 1199px) {
                .footer-list-wrap ul.footer-list li.width-ec0d9f2b-fe12-4fca-b69e-b8dbaf0fd383{
                  width: calc(33.33% - 30px);
                }
              }
              @media (max-width: 767px) {
                .footer-list-wrap ul.footer-list li.width-ec0d9f2b-fe12-4fca-b69e-b8dbaf0fd383{
                  width: calc(33.33% - 12px);
                }
              }
              @media (max-width: 479px) {
                .footer-list-wrap ul.footer-list li.width-ec0d9f2b-fe12-4fca-b69e-b8dbaf0fd383{
                  width: calc(100% - 12px); 
                }
              }