/*
	Variables
*/
:root {
  --main-color: #ff2933; 
  --secondary-color : #000;
  --gray-light : rgb(229, 231, 235);
  --header-bg : #ffffff;
  --header-shadow : #00000029;
  --main-bg-color : #EDEDED;
  --content-bg-color : #ffffff;
  --menu-item-background : #e33e2b;
  --category-bg-color : #888;
  --available : green;
  --unavailable : red;
  --order-info: gray;
  --product-bg : gray;
  --google-background : black;
  --google-text : white;
  --shop-link-bg : black;
  --shop-link-text : white;
  --shop-address : gray;
  --circle-button-text : white;
  --main-button-text : white;
  --input-border : gray;
  --selectable-button-text : black; 
  --navigation-button-bg : #000;
  --navigation-button-text : white;
  --step-resume-amount : black;
  --address-input-text : white;
  --address-input-border : #ededed;
  --address-input-item-bg : white;
  --error : red;
  --product-section-line-active-text : white;
  --product-section-line-border : black;
  --cart-amount-bg : black;
  --cart-border : white;
  --disabled : #e33e2b;
  --qty-selector-bg : #e33e2b;
  --qty-selector-bg-active : white;
  --qty-selector-text : black; 
  --product-qty-bg : black;
  --product-qty-text : white;
  --main-text : black;
  --logout-bg : black;
  --logout-text : white;
  --menu-item-hover : white;S
  --category-item-height : 18px;
  --category-item-line-height : 18px;
}

.banner-wrapper{
	background-image: url(https://cdn.6xpos.shop/kawok/banniere-kawok.jpg);
}

.product-image {
    background-color: var(--main-bg-color);
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
/* App */
.mobile-app .home-logo {
    width : 100px;
}
.mobile-app .home-logo-wrapper {
    padding-bottom : 20px;
}
.header.mobile-app.funnel {
    height : 100px !important;
}
.header.mobile-app.funnel .logo-wrapper {
    display : none;
}

.mobile-app .product-image {
    width: 100%;
    background-size: cover !important;
    border-radius: 0px !important;
}
.mobile-app .product-overlay {
    display : none !important;
}
.mobile-app .product-image ,.mobile-app .product-section-lines-wrapper, .mobile-app .product-single-infos {
  animation:
    slideUp 0.3s forwards cubic-bezier(0.4, 0, 0.2, 1);
}

/* Définition de l'animation */
@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity : 0;
  }
  to {
    transform: translateY(0);
    opacity : 1;
  }
}

/*
.mobile-app .product-section-wrapper {
    scroll-margin-top: 200px;
    border-radius: var(--border-radius);
    border: 1px solid;
    margin: 10px 5px;
    padding: 10px;
}

.mobile-app .product-section-wrapper.success {
    border-color : var(--main-color);
}

.mobile-app .product-section-lines-wrapper {
  position: fixed; 
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%); 
  background: white;
  border-radius: 16px 16px 0 0; 
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1000; 
  padding: 16px;
  max-height: 80vh; 
  overflow-y: auto; 
  transition:
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.1s; 
  visibility: hidden; 
}


.mobile-app .product-section-lines-wrapper.editing {
  visibility: visible; 
}


.mobile-app .product-section-lines-wrapper.editing::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  z-index: -1; 
  pointer-events: auto; 
}
.mobile-app .product-section-lines-button-wrapper{
    display : block !important;
}

.mobile-app .product-section-lines-button-wrapper {
    width: 100%;
    padding: 10px;
}

.mobile-app .product-section-lines-button {
    transform: translateY(50px);
    background : var(--main-color);
    color : black;
    padding : 10px 30px;
    border-radius : var(--border-radius);
    animation:
    slideUp 0.3s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
*/
.mobile-app .step-resume-wrapper {
    margin : 10px 5px;
}