/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
    font-family: 'Roboto Bk';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bk';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('../fonts/Roboto-BoldCondensed.eot');
    src: url('../fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldCondensed.woff2') format('woff2'),
        url('../fonts/Roboto-BoldCondensed.woff') format('woff'),
        url('../fonts/Roboto-BoldCondensed.ttf') format('truetype'),
        url('../fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('../fonts/Roboto-BoldCondensedItalic.eot');
    src: url('../fonts/Roboto-BoldCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldCondensedItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldCondensedItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldCondensedItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldCondensedItalic.svg#Roboto-BoldCondensedItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('../fonts/Roboto-Condensed.eot');
    src: url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Condensed.woff2') format('woff2'),
        url('../fonts/Roboto-Condensed.woff') format('woff'),
        url('../fonts/Roboto-Condensed.ttf') format('truetype'),
        url('../fonts/Roboto-Condensed.svg#Roboto-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('../fonts/Roboto-CondensedItalic.eot');
    src: url('../fonts/Roboto-CondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-CondensedItalic.woff2') format('woff2'),
        url('../fonts/Roboto-CondensedItalic.woff') format('woff'),
        url('../fonts/Roboto-CondensedItalic.ttf') format('truetype'),
        url('../fonts/Roboto-CondensedItalic.svg#Roboto-CondensedItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype'),
        url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Lt';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Th';
    src: url('../fonts/Roboto-Thin.eot');
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Th';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

:root {
    --bs-body-font-family: 'Roboto' !important;
    --bs-primary: #008FD3;
    --bs-primary-rgb: 0, 143, 211;
    --bs-secondary: #00538E;
    --bs-link-color: #00538E;
    --bs-link-color-rgb: 0,143,211;
    --cs-color-light-blue: #e6edf5;
    --cs-color-light-grey: #f7f7f7;
    --cs-color-red-alert: #e33434;
    --cs-color-red-prices: #e2503a;
    --cs-color-green-in-stock: #44b367;
    --cs-color-red-out-of-stock: #e33434;
    --cs-color-orange-promotions: #ff4d4d;
    --cs-color-orange-partial-in-stock: #ffc107;
    --cs-color-green-action: #098F51;
    --cs-color-orange-action: #ff4d4d;
    --cs-color-yellow-action: #ffff00;
    --cs-border: 1px solid #e5e5e5;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #008FD3;
    --bs-btn-border-color: #008FD3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00538E;
    --bs-btn-hover-border-color: #00538E;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00538E;
    --bs-btn-active-border-color: #008FD3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #008FD3;
    --bs-btn-disabled-border-color: #008FD3;
}

.btn-outline-primary {
    --bs-btn-color: #008FD3;
    --bs-btn-border-color: #008FD3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008FD3;
    --bs-btn-hover-border-color: #008FD3;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #008FD3;
    --bs-btn-active-border-color: #008FD3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #008FD3;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #008FD3;
    --bs-gradient: none;
}

body{ font-family: 'Roboto' !important; font-size: 14px; line-height: 18px; }
body main#wrapper{ background-color: #fafafa; }

/**
    ** All **
**/
.badge{ background-color: var(--bs-primary); }
.badge.out_of_stock{ background-color: var(--cs-color-red-alert); }
.badge.discount{ background-color: var(--cs-color-red-prices); color: #FFFFFF; font-weight: bold; border-color: var(--cs-color-red-prices); }
.page-item:not(:first-child) .page-link{ height: 100%; }
.table tbody.toggle{ display: none; }
.table thead th.toggle,
.table tfoot tr td.toggle{ cursor: pointer; text-decoration: underline; }
table.sticky-header thead.fixed{ position: fixed; top: 80px; /* Ajuste selon ton header Prestashop */ background: #fff; z-index: 10; }
/** Loader **/
.lappstar-loader{ font-size: 14px; color: #555; }
.material-icons.spin{ animation: spin 1s linear infinite; font-size: 18px; vertical-align: middle; margin-right: 4px; }

.btn.btn-primary.small,
.btn.btn-outline-primary.small{ padding: 1px 5px; font-size: 12px; }
.btn.btn-primary.green-action{ background-color: var(--cs-color-green-action); border-color: var(--cs-color-green-action) }
.btn.btn-primary.orange-action{ background-color: var(--cs-color-orange-action); border-color: var(--cs-color-orange-action) }
.btn.btn-primary.green-action:hover{ border-color: var(--cs-color-green-action); opacity: 0.8; }
.btn.btn-primary.orange-promotion{ background-color: var(--cs-color-orange-promotions); border-color: var(--cs-color-orange-promotions); }
.btn.btn-primary.orange-promotion:hover{ border-color: var(--cs-color-orange-promotions); }
.btn.btn-primary.yellow-action{ background-color: var(--cs-color-yellow-action); border-color: var(--cs-color-yellow-action); color: #000000; }
.btn.btn-primary.yellow-action:hover{ border-color: var(--cs-color-yellow-action); }
.text-small{ display: block; font-size: 10px; line-height: 12px; }

/**
    ** Swipper **
**/
.swiper{
    --swiper-navigation-color: #FFFFFF;
    --swiper-navigation-size: 10px;
    --swiper-pagination-color: var(--bs-primary);
    --swiper-pagination-left: auto;
    --swiper-pagination-right: 8px;
    --swiper-pagination-bottom: 0;
    --swiper-pagination-top: auto;
    --swiper-pagination-fraction-color: inherit;
    --swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.25);
    --swiper-pagination-progressbar-size: 4px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
}

.swiper-button-prev,
.swiper-button-next{ width: 20px !important; height: 20px !important; font-weight: 900; background-color: var(--bs-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; }

/**
    ** Header **
**/
header#header{ position: inherit; }
header#header .main-menu{ transition: all 0.3s ease; }
header#header .header-top.sticky,
header#header .main-menu.sticky{ position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #FFFFFF; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
header#header .main-menu.sticky{ top: 45px; }
header#header .header-top-desktop .header-top__left a:not(.btn){ text-decoration: underline; }
header#header .header-top-desktop .header-top__left a.btn.btn-primary{ padding: 1px 5px; font-size: 12px; color: #FFFFFF; }

header#header .header-top-desktop .header-top__left a.productnews,
header#header .header-top-desktop .header-top__left a.kits{ border-color: var(--bs-secondary); background-color: var(--bs-secondary); }
header#header .header-top-desktop .header-top__left a.promotions{ border-color: var(--cs-color-orange-promotions); background-color: var(--cs-color-orange-promotions); }

header#header .header-top-desktop .header-top__left a.specific span.icon{ padding: 2px; border-radius: 2px; animation: pulseButtonIcon 8s infinite ease-in-out; }
header#header .header-top-desktop .header-top__left a.specific:hover{ opacity: .8; }

header#header .header-top-desktop .header-top__right .header-price-toggle .btn-primary{ background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: #FFFFFF; }
header#header .btn-primary.sedid{ background-color: var(--cs-color-yellow-action); border-color: var(--cs-color-yellow-action); color: #000000; font-weight: 600; }

header#header .header-bottom .navbar-brand .logo{ max-width: 200px; }
header#header .header-bottom__row{ justify-content: space-between; }
header#header .header-bottom__row .lappstaras-search-container{ order: 2; z-index: 999; }
header#header .header-bottom .header-bottom__container .header-bottom__row .lappstaras-clearboth{ display: none; }

.breadcrumb__wrapper{ background-color: #e6edf5; }

#_desktop_cart .header-block.blockcart > a.header-block__action-btn{ padding-right: 0; }

/**
    ** Mega Menu **
**/
.main-menu__tree > li{ padding: 15px 1rem; }
.main-menu__tree > li > a{ padding: 0; }
.menu-container.js-sub-menu .container{ max-width: 900px; }
.main-menu__tree > li:hover{ background: var(--cs-color-light-grey); }
.main-menu__tree > li:hover > a:hover{ color: inherit !important; }
.main-menu__tree > li .menu-container{ max-width: 1320px; margin: 0 auto; padding: 20px;  background: #FFFFFF;  filter: var(--bs-box-shadow-lg) !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.menu-container.js-sub-menu .container > .row{ gap: 5px; margin-top: inherit; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.menu-container.js-sub-menu .container > .row > .category{ width: 100%; padding: 5px; margin: 0;  border-radius: 7px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .1)); }
.menu-container.js-sub-menu .container .row[data-depth="1"] li > ul.submenu[data-depth="2"] a:hover { text-decoration: underline; padding-left: 5px; }
.main-menu__tree > li:hover .menu-container{ display: none; }
.main-menu__tree > li .menu-container{ display: none; opacity: 0; transform: translateY(5px); transition: opacity 0.25s ease, transform 0.25s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background: #fff; }
.main-menu__tree > li.hovered .menu-container { opacity: 1; transform: translateY(0); }

/**
    ** Home **
**/
.carousel .carousel-item img{ object-fit: contain; height: auto; }
.home-wrapper{ position: relative; }
.home-wrapper .home-left{ z-index: 2; }
.home-wrapper .home-left .pro-block{ /*min-height: calc(100% + 30px); margin-bottom: -30px;*/ box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); display: flex; flex-direction: column; border-bottom-right-radius: 20px; overflow: hidden; background-color: var(--bs-primary) !important; color: #FFFFFF; }
.home-wrapper .home-left .pro-block h2{ font-weight: 100; font-size: 26px; line-height: 25px; padding: 5px 0 20px 0; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; }
.home-wrapper .home-left .pro-block h2 b{ font-weight: bold; }
.home-wrapper .home-left .pro-block ul li{ padding-left: 20px; }
.home-wrapper .home-left .pro-block ul li::before { content: "✓"; position: absolute; color: #FFFFFF; margin-left: -15px; }
.home-wrapper .home-left:not(.is-logged) .pro-block a.btn{ background-color: #FFFFFF; border: 1px solid #FFFFFF; color: var(--bs-gray-800); font-weight: 600; }
.home-wrapper .home-left.is-logged .pro-block{ background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }
.home-wrapper .home-left.is-logged .pro-block,
.home-wrapper .home-left.is-logged .pro-block h2{ color: var(--bs-gray-800); }
.home-wrapper .home-left.is-logged .pro-block a.dropdown-item:hover{ color: var(--bs-primary); text-decoration: underline; }
.home-wrapper .home-left.is-logged .pro-block .customer-data h2{ font-size: 18px; line-height: 17px; padding: 5px 0 5px 0; }
.home-wrapper .home-left.is-logged .pro-block .customer-data .alert.alert-info{ display: none; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting::before{ content: "👋"; display: inline-block; animation: wave 1.5s ease-in-out 3; transform-origin: 70% 70%; margin-right: .4rem; transition: opacity 0.8s ease, transform 0.8s ease; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting.done::before{ opacity: 0; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting::after{ content: ""; display: inline-block; margin-left: .4rem; opacity: 0; transform: scale(0.5); transition: opacity 0.8s ease, transform 0.8s ease; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting.show.day::before{ content: "☀️"; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting.show.night::before{ content: "🌙"; }
.home-wrapper .home-left.is-logged .pro-block .animate-greeting.show::before{ opacity: 1; }
.home-wrapper .home-right .carousel-indicators{ margin-bottom: 30px; }
.home-wrapper .home-right .section-title:first-child{ margin-top: 0; }
.home-wrapper .home-right section.new-products{ margin-top: 0 !important; }
.home-wrapper .home-right section.new-products,
.home-wrapper .home-right section.best-sellers-products{ padding: 10px; }
.home-wrapper .home-right .best-sellers-products-footer,
.home-wrapper .home-right .new-products-footer{ margin-top: 20px; }

/**
    ** Contact **
**/
#contact .contact-page .contact-form-right #contact-form-success-message{ display: none; text-align: center; }
#contact .contact-page svg{ width: 50px; height: 120px; }

/**
    ** Products **
**/
h1#js-product-list-header{ font-weight: 900; margin-left: calc(var(--bs-gutter-x)*-.5); }
.category-tree__child .category-tree__list{ row-gap: 0; }
.accordion-item .accordion-collapse{ padding: 5px 7px; }
.accordion-item .search-filters-subtitle.facet-title button{ background-color: var(--cs-color-light-blue); margin-bottom: 2px; padding-left: 5px !important; text-transform: uppercase; border-radius: 3px; }
#search-filters .accordion > .accordion-item:first-child > div > ul li:nth-child(2){ display: none !important; }
#js-active-search-filters .rounded-pill{ background-color: #FFFFFF !important; border: 1px solid; font-size: 14px; }
#js-active-search-filters .rounded-pill.js-search-filters-clear-all{ background-color: var(--cs-color-red-alert) !important; color: #FFFFFF; }
#js-active-search-filters .rounded-pill .material-icons{ display: flex; align-items: center; justify-content: center; font-size: 14px; margin-right: 5px; background-color: var(--cs-color-red-alert);  color: #FFFFFF; width: 17px; height: 17px; border-radius: 50%; }
.category-tree__item.accordion-item .accordion-collapse{ padding: 0 7px 10px 7px; }
.products.row:not(.list){ display: grid; grid-template-columns: repeat(auto-fill, minmax(234px, 1fr)); gap: 5px; box-sizing: border-box; margin: 0; max-width: 100%; overflow-x: hidden; }
.products.row > article{ width: 100%; }
.products.row > *{ padding-left: 0; padding-right: 0; }
.accordion-button:after{ margin-right: 5px; }
.product-miniature{ margin-bottom: 0; }
.product-miniature .stock-bullet{ position: absolute; top: 5px; right: 5px; z-index: 9; width: 12px; height: 12px; border-radius: 50%; }
.stock-bullet.in-stock{ background-color: var(--cs-color-green-in-stock); }
.stock-bullet.out-of-stock{ background-color: var(--cs-color-red-out-of-stock); }
.stock-bullet.partial-in-stock{ background-color: var(--cs-color-orange-partial-in-stock); }
.product-miniature .product-miniature__image-container{ text-align: center; }
.product-miniature .product-miniature__image{ width: 90%; }
.product-miniature .product-miniature__variants.on-miniature__image{ position: absolute; z-index: 999; bottom: 0; }
.product-miniature .product-miniature__variants{ padding-bottom: 9px; }
.product-miniature .product-miniature__title{ font-weight: bold; }
.product-miniature .product-miniature__title .attributes-min-max{ font-style: italic; }
.product-miniature .js-menu-combinations-slider-swiper .swiper-button-prev{ left: 0; top: 28px; }
.product-miniature .js-menu-combinations-slider-swiper .swiper-button-next{ right: 0; top: 28px; }
.product-miniature .js-menu-combinations-slider-swiper .swiper-button-disabled{ visibility: hidden; }
.product-miniature .js-menu-combinations-slider-swiper .slider-item:not(.swiper-slide-active){ width: 33.33%; }
.product-miniature .display-product-attributes-on-miniature .combinations{ display: flex; text-align: center; align-items: flex-end; /*flex-wrap: wrap;*/ }
.product-miniature .display-product-attributes-on-miniature .combination{ min-width: 50px; justify-content: center; border: 1px solid #f1f1f1; padding: 5px; margin-right: 3px; margin-bottom: 7px; border-radius: 3px; cursor: pointer; }
.product-miniature .display-product-attributes-on-miniature .combination span{ font-size: 11px; line-height: 12px; margin: auto; }
.product-miniature .display-product-attributes-on-miniature .combination span.value:not(:first-child){ margin-top: 5px; }
.product-miniature .display-product-attributes-on-miniature .combination .addtocart-manage{ margin-top: 5px; }
.product-miniature .display-product-attributes-on-miniature .combination .addtocart-manage div span{ font-size: 15px; line-height: 18px; }
.product-miniature .display-product-attributes-on-miniature a.more-combinations{ display: flex; align-items: center; justify-content: center; font-size: 12px; min-width: 30px; font-weight: bold; background-color: var(--bs-primary) !important; color: #FFFFFF; border-radius: 5px; margin-bottom: 10px; padding: 3px 5px; }
.product-miniature .display-product-attributes-on-miniature .current,
.product-miniature .display-product-attributes-on-miniature .combination:not(.is_in_cart):hover{ background-color: #f2f4f7; border: 1px solid #A8A8A8 !important; }
.product-miniature .display-product-attributes-on-miniature .combination:hover .addtocart-manage{ background-color: var(--bs-primary); color: #FFFFFF; }
.product-miniature .display-product-attributes-on-miniature .is_in_cart{ border-bottom: 3px solid #6aa2ba !important; color:#6aa2ba; background-color: #e1ecf1; }
.product-miniature .display-product-attributes-on-miniature .is_in_cart > div.label{ background-color: #e1ecf1; color: #548194; }

.product-miniature .product-miniature__link:hover .product-miniature__image{ transform: none; }
.product-miniature .product-miniature__infos__top > a{ color: inherit; }
.product-miniature .product-miniature__prices{ justify-content: flex-end; margin-top: 10px; padding-top: 5px; border-top: 1px solid #ddd; }
.product-miniature .product-miniature__prices .product-miniature__price{ font-size: 16px; padding: 3px; background-color: var(--cs-color-yellow-action); margin-right: 0 !important; }
.product-miniature .product-miniature__prices .wholesale-price{ font-size: 11px; margin-top: 3px; }

.product__prices.hidden,
.product-miniature .product-miniature__prices.hidden,
.product-miniature .product-miniature__prices .product-miniature__price.hidden,
.product-miniature .product-miniature__prices .wholesale-price.hidden,
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price span.price.hidden,
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price span.wholesale-price.hidden{ display: none !important; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-addtocart .btn{ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-size: 14px; font-weight: 900; }

body#product .product__col{ position: relative; }
body#product .product__col .js-add-favorite{ position: absolute; top: 0; right: calc(var(--bs-gutter-x)*.5); }
body#product .product__infos .info__container{ padding: 10px; margin-top: 10px; border-radius: 10px; background-color: #FFFFFF; }
body#product .product__infos .info__container > ul{ margin-bottom:0; }
body#product .product__infos .info__container > ul li:last-child{ border-bottom: 0; }

.page-product .product__discount{ color: var(--cs-color-red-prices); }
.page-product .product__prices{ display: flex; padding: 10px; background-color: #FFFFFF; width: fit-content; border-radius: 8px; }
.page-product .product__prices .product__current-price{ font-family: 'Roboto Cn'; font-size: 42px; line-height: 50px; letter-spacing: -2px; font-weight: bold; color: var(--bs-primary); }
.page-product .product__prices .product__tax-label{ padding-bottom: 7px; }

/** All declination **/
.product-all-combinations-container .combinations-groups{ display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px; padding-top: 20px; border-top: var(--cs-border); }
.product-all-combinations-container .combinations-groups .combination-group{ display: flex; padding: 5px; border-radius: 5px; background-color: var(--cs-color-light-grey); }
.product-all-combinations-container .combinations-groups .combination-group:hover,
.product-all-combinations-container .combinations-groups .combination-group.active{ cursor: pointer; background-color: var(--bs-secondary); color: #FFFFFF; }
.product-all-combinations-container .combinations-groups .combination-group:not(:last-child){ margin-right: 5px; }
.product-all-combinations-container .combinations-groups .combination-group span.color{ display: block; width: 20px; height: 20px; border-radius: 5px; }
.product-all-combinations-container .combinations-groups .combination-group span.attribute-name{ margin-left: 5px; font-weight: 600; }
.product-all-combinations-container .combinations-groups .combination-group span.svg{ margin-left: 5px; }
.product-all-combinations-container .combinations-groups .combination-group span.svg svg{ width: 15px; height: 10px; }
.product-all-combinations-container .combinations-groups .combination-group:hover span.svg svg,
.product-all-combinations-container .combinations-groups .combination-group.active span.svg svg{ fill: #FFFFFF; }
.product-all-combinations-container .combinations-groups .combination-group.active span.svg svg{ transform: rotate(90deg); }
.product-all-combinations-container .product-addtocart.combinations{ margin-top: 20px; }
.product-all-combinations-container .product-addtocart.combinations #combination-image-preview{ display: none; position: fixed; z-index: 999999; }
.product-all-combinations-container .product-addtocart.combinations #combination-image-preview img{ border: 1px solid #ccc; background: #fff; /*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/ }
.product-all-combinations-container .product-addtocart.combinations .product-combination{ display: flex; justify-content: space-between; padding: 5px; border-bottom: var(--cs-border); }
.product-all-combinations-container .product-addtocart.combinations .product-combination:hover{ background-color: var(--global-palette7); }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div{ display: flex; align-items: center; justify-content: center; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-image{ max-width: 60px; cursor: pointer; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-image img{ max-width: 100%; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-sku{ font-size: 12px; min-width: 100px; justify-content: flex-start; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-name{ flex-direction: column; font-size: 12px }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-name .attributes{ display: flex; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-name .attributes > div:not(:last-child){ margin-right: 5px; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-name .attributes > div:not(:first-child)::before{ content: ' | '; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-stock div,
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price div{ font-weight: 600; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price span.regular-price{ text-decoration: line-through; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price span.discount{ color: var(--cs-color-red-prices); }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-price span.wholesale-price{ margin-top: 3px; font-size: 11px; font-weight: 400; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-stock div.out-of-stock{ color: var(--cs-color-red-alert); }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-stock div.is-in-stock{ display: flex; align-items: center; color: #44b367; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-stock div.is-in-stock .badge-stock{ font-size: 12px; padding: 3px 5px; }
.product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-addtocart .addtocart-container{ display: flex; }

.product-all-combinations-container td.combination-name span{ color: var(--global-palette3); }
.product-all-combinations-container .product-flags .is-in-stock,
.product-all-combinations-container .product-flags .out-of-stock{ border-radius: 5px; color: #FFFFFF; }
.product-all-combinations-container .product-flags .is-in-stock{ background-color: #44b367; }
.product-all-combinations-container .product-flags .out-of-stock{ background-color: var(--cs-color-red-alert); }
.product-all-combinations-container .product-flags .qty-in-cart{ background-color: #e1ecf1; display: flex; flex-direction: row; color: #548194; justify-content: center; font-weight: 400; align-items: center; width: 100%; }
.product-all-combinations-container .product-flags .qty-in-cart svg{ fill: #548194; width: 15px; height: 15px; margin-left: 1px; margin-top: -3px; }
.product-all-combinations-container .product-flags .qty-in-cart div{ display: flex; font-weight: 700; font-size: 14px; }
.product-all-combinations-container .product-flags .new{ background-color: var(--global-palette7); border-radius: 5px; }
.product-all-combinations-container .product-flags div:not(:last-child){ margin-bottom: 5px; }
.product-all-combinations-container .container-order-actions{ display: flex; justify-content: center; align-items: center; }
.product-all-combinations-container .container-order-actions .addtocart-container .addtocart-manage{ border-radius: 5px; }
.product-all-combinations-container .label{ color: #313537; font-weight: 600; font-size: 14px; padding-top: 10px; padding-bottom: 10px; margin: 0;  text-align: center; }
.product-all-combinations-container .label:hover{ color: #fff; }
.product-all-combinations-container table td.container-image img{ max-width: 80px; width: 100%; }
.product-all-combinations-container table td.product-prices{ float: none; width: auto; }
.product-all-combinations-container table td.flags svg{ width: 40px; height: 40px; }

#category .product-all-combinations-container td.container-image{ max-width: 50px; }
#category .product-all-combinations-container td{ padding: 5px; }

.product-list.list > article{ margin-bottom: 5px; }
.product-list.list .card{ display: flex; flex-direction: row; }
.product-list.list .card .product-miniature__image-container{ max-width: 150px; padding: 10px; }

/** Add to cart **/
.addtocart-container{ position: relative; }
.addtocart-container > svg{ width: 30px; height: 30px; cursor: pointer; }
.addtocart-container .alert-reappro,
.product-all-combinations-container .alert-reappro{ background-color: #fff3cd !important; color: #856404 !important; border-color: #ffeeba !important; }
.addtocart-container .addtocart-manage{ cursor: pointer; }
.addtocart-container .addtocart-manage.category{ display: flex; justify-content: center; width: 100%; background-color: #fbfbfb; border: 1px solid #A8A8A8; border-radius: 3px; }
.addtocart-container .addtocart-manage:hover{ background-color: var(--bs-secondary); }
.addtocart-container .addtocart-selection{ display: none; padding: 5px; background-color: #FFFFFF; z-index: 9999; flex-direction: column; width: 100%; min-width: 240px; top: 0; }
#js-product-list .products.list .addtocart-container .addtocart-selection{ top: -215px; left: -135px; }
.product-all-combinations-container td.order-actions svg, 
.addtocart-container .addtocart-selection svg{ width: 15px; height: 15px; }
.addtocart-container .addtocart-selection .qty-in-cart{ background-color: #e1ecf1; width:100%; display: flex; flex-direction: row; gap: 5px; padding: 3px; color: #548194; justify-content: center; font-weight: 400; align-items: center; margin-bottom: 5px; }
.addtocart-container .addtocart-selection .qty-in-cart svg{ fill: #548194; }
.addtocart-container .addtocart-selection .product-name{ align-self: flex-start; font-size: 16px; text-transform: uppercase; color: #1a1a1a; margin: 0 0 5px 0; text-align: left; font-style: normal; font-weight: 400; font-family: "Roboto"; letter-spacing: 0; line-height: 1.188em; }
.addtocart-container .addtocart-selection .product-name:hover{ color: var(--bs-primary); }
.addtocart-container .addtocart-selection .display-info-cdtmnt{ font-size: 12px; text-align: center; color: var(--bs-primary); }
.addtocart-container .addtocart-selection .field{ display: flex; position: relative; width: 100%; z-index: 9; }
.addtocart-container .addtocart-selection .field input{ width: 100%; padding: 5px; }
.addtocart-container .addtocart-selection .field .price-by-qty{ width: 100%; height: 58px; display: flex; flex-direction: column; text-align: center; gap: 4px; justify-content: center; border-left: 3px solid #fff; border-right: 3px solid #fff; }
.addtocart-container .addtocart-selection .field .price-by-qty .label-hover{ text-transform: uppercase; font-weight: 400; font-size: 8px; line-height: 10px; justify-content: center; }
.addtocart-container .addtocart-selection .field .price-by-qty .price-hover{ font-size: 17px; line-height: 17px; font-style: normal; font-weight: 500; font-family: "Roboto"; color: var(--cs-color-red-prices); display: flex; flex-direction: row; justify-content: center; align-items: baseline; }
.addtocart-container .addtocart-selection .field .price-by-qty .price-hover span{ font-size: 8px; font-style: normal; font-weight: 500; font-family: "Roboto"; margin-left: 2px; }
.addtocart-container .addtocart-selection .field .price-by-qty .remise-hover{ color: white; background: var(--cs-color-red-prices); font-weight: 400; font-size: 12px; line-height: 1.5em; margin-top: -5px; }
.addtocart-container .addtocart-selection .field .addtocart-qty{ font-size: 20px; text-align: center; color: #555555; border: 1px solid var(--cs-color-orange-action); }
.addtocart-container .addtocart-selection .field .btn-calculator{ background-color: var(--bs-secondary); border: 1px solid #A8A8A8; color: #FFFFFF; font-style: normal; font-weight: 400; font-size: 13px;}
.addtocart-container .addtocart-selection .field .btn-calculator:hover{ background-color: var(--bs-secondary); color: #FFFFFF; }
.addtocart-container .addtocart-selection button.close{ display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; background: #257a57; opacity: 1; position: absolute; top: -30px; right: 0px; border: 2px solid #313537; }

.addtocart-container .addtocart-selection .container-see-product .content-see-product{ display: flex; flex-direction: row; width: 100%; justify-content: space-around; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-bottom: 5px; }
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer{ display: flex; justify-content: center; flex-grow: 1; padding: 7px; }
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer:hover{ background-color: #f1f1f1; cursor: pointer; }
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer.close{ background-color: #f8d7da; opacity: 1; }
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer a,
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer div{ display: flex; align-items: center; }
.addtocart-container .addtocart-selection .container-see-product .content-see-product .svgscontainer .svgic{ fill: #878787; }

.addtocart-container .addtocart-selection .choices{ padding-top: 5px; padding-bottom: 5px; width: 100%; background-color: #f2f4f7; border: 1px solid #A8A8A8; margin-bottom: 3px; }
.addtocart-container .addtocart-selection .choices ul{ display: grid; grid-template-columns: 20% 20% 20% 20% 20%; width: 100%; padding-left: 6px; padding-right: 6px; }
.addtocart-container .addtocart-selection .choices ul li{ list-style-type: none; color: #7d7a71; padding: 5px; text-align: center; font-size: 14px; }
.addtocart-container .addtocart-selection .choices ul li:not(:nth-child(5n)){ border-right: 1px solid #A8A8A8; }
.addtocart-container .addtocart-selection .choices ul li:hover{ background-color: #07658c; color: #fff; cursor: pointer; }

.addtocart-container .product-stocks{ width: 100%; justify-content: center; }
.addtocart-container .product-stocks .action-part .btn{ width: 100%; border-radius: 8px; transition: none; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-style: normal; font-weight: 600; color: #313537; background-color: #fff; border: 1px solid #dfdfdf; font-family: 'Roboto'; text-transform: inherit; letter-spacing: 0; line-height: inherit !important; }
.addtocart-container .product-stocks .action-part .btn:hover:enabled{ background-color: var(--bs-secondary); color: #fff; }
.addtocart-container .product-stocks .action-part .already-notified{ color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 223, 241); }

/**
	** Cart **
**/
body#cart .cart-container hr{ margin: 5px 0; }
body#cart .cart__item .product-line__image img{ max-width: 50px; }
body#cart .cart__item .product-line__image .product-line__image-preview{ display: none; position: fixed; z-index: 999999; }
body#cart .cart__item .product-line__image .product-line__image-preview img{ border: 1px solid #ccc; background: #fff; max-width: 100%; }
body#cart .cart__item .product-line__title{  white-space: normal !important; overflow: visible !important; text-overflow: unset !important; word-break: break-word; }
body#cart .cart__item .product-line__informations .stock-bullet{ width: fit-content; color: #FFFFFF; padding: 0 5px; border-radius: 3px; }
body#cart .cart__item .product-line__actions a{ font-size: 12px; }
body#cart .cart__item .product-line__actions a:after{ background: none; }
body#cart .cart__item .product-line__actions a.addtocart-manage{ padding: 3px 5px; text-decoration: none; }
body#cart .cart__item .product-line__actions a.remove-from-cart{ color: var(--bs-gray-800); margin-left: 10px; text-decoration: underline; }

.cart-detailed__totals .nb-articles,
.cart-summary__products > p{ text-align: right; font-weight: bold; }
.cart-detailed__totals .cart-detailed__subtotals .franco.not-reached,
.cart-summary__subtotals__container .franco.not-reached{ color: var(--cs-color-red-alert); }
.cart-detailed__totals .cart-detailed__subtotals .franco.to-reached,
.cart-summary__subtotals__container .franco.to-reached{ color: var(--bs-primary); }
.cart-summary__totals .cart-summary__label{ max-width: 70%; }
.cart-summary__totals .cart-summary__label a,
.order-confirmation__totals a{ color: inherit; text-decoration: underline; }
.cart-summary__line .cart-summary__label.encours{ font-size: 14px; }
.cart-summary__line .cart-summary__value.encours{ background-color: var(--cs-color-yellow-action); border-color: var(--cs-color-yellow-action); color: #000000; font-weight: 600; font-size: 14px; }

/**
    ** Order **
**/
#conditions-to-approve input{ width: 15px; height: 15px; border: 1px solid var(--cs-color-red-alert); }

/**
    ** Account **
**/
.account-title{ display: flex; align-items: center; justify-content: space-between; }
.account-title a{ font-size: 16px; color: var(--bs-gray-800); }
.account-title a.account-link:nth-child(1) i{ margin-top: -3px; }
.account-title a.account-link:nth-child(2) i{ margin-top: -7px; }
#lappstar-account .menu{ display: flex; flex-direction: row; gap: 5px; flex-wrap: wrap; align-items: baseline; margin-bottom: 10px; }
#lappstar-account .menu div{ width: fit-content; }
#lappstar-account .menu a{ padding: 7px; display: block; color: #777777; text-transform: uppercase; border: 1px solid #A8A8A8; background-color: #FDFDFD; text-align: center; border-radius: 7px; width: 100%; }
#lappstar-account .menu a:hover{ background-color: #d9edf7; border-color: #bcdff1; color: #31708f; }
#lappstar-account .menu .active{ background-color: #d9edf7; border-color: #bcdff1; color: #31708f; }
#lappstar-account .menu div.informations-manquantes{ margin-top: 5px; margin-bottom: 5px; }
#lappstar-account .menu .informations-manquantes .notification{ margin-top: 5px; margin-bottom: 5px; }

/**
    ** Footer **
**/
#footer.footer .small,
#footer.footer ul.small li a{ color: #777777 !important; }
#footer.footer ul.small li a:hover,
#footer.footer a:hover{ color: var(--bs-primary) !important; }
#footer.footer .small{ font-size: 1em; }
#footer.footer .reassurance-content .label-cb{ display: flex; }
#footer.footer .reassurance-content .label-cb svg{ width: 60px; height: 60px; fill: #FFFFFF; }
#footer.footer .reassurance-content .label-cb > div:nth-child(2){ margin-left: 10px; }
#footer.footer .footer-container-bottom .bottom-links span{ color: #FFFFFF; }

/**
	** JGROWL **
**/
#jGrowl .jGrowl-notification,
#jGrowl .jGrowl-closer{ min-height: 40px; font-size: 14px; line-height: 16px; font-family: inherit; font-weight: 400; opacity: 1; color: #FFFFFF; padding: 10px; height: auto; }
#jGrowl .jGrowl-notification.error{ background-color: #dc3545 !important; }
#jGrowl .jGrowl-notification.success{ background-color: #28a745 !important; }
#jGrowl .jGrowl-notification.info{ background-color: #e1ecf1 !important; }
#jGrowl .jGrowl-notification.info *{ color: #548194 !important; }
#jGrowl .jGrowl-notification.warning{ background-color: #ffc107 !important;  }
#jGrowl .jGrowl-notification.warning *{ color: #333333 !important; }

/**
	** Responsive **
**/

@media screen and (min-width: 544px) {
}

@media screen and (min-width: 680px) {

}

@media screen and (min-width: 680px) {
}

@media screen and (min-width: 768px) {
    header#header .header-bottom .header-bottom__container .header-bottom__row .logo{ flex: 1; }
    header#header .header-bottom .header-bottom__container .header-bottom__row .lappstaras-search-container{ flex: 2; }
}

@media screen and (min-width: 992px) {
    #left-column #search_filters_wrapper{ position: -webkit-sticky; position: sticky; align-self: flex-start; }
    #left-column #search_filters_wrapper{ overflow-y: auto; padding-right: 5px; }
    #left-column #search_filters_wrapper::-webkit-scrollbar{ width: 6px; }
    #left-column #search_filters_wrapper::-webkit-scrollbar-thumb{ background: rgba(0,0,0,0.3); border-radius: 3px; }

    header#header .js-menu-desktop #top-menu[data-depth="0"] > li > a{ font-weight: bold; font-size: 16px; }
    .main-menu__tree>li .menu-container a[data-depth="1"]:hover,
    .main-menu__tree>li .menu-container a[data-depth="2"]:hover{ color: var(--bs-primary); }
    .main-menu__tree>li .menu-container a[data-depth="1"]{ font-size: 15px; font-weight: 900; margin-bottom: 5px; text-transform: uppercase; }
    .main-menu__tree>li .menu-container a[data-depth="2"]{ font-size: 14px; }
    body#category main#wrapper .container,
    body#new-products main#wrapper .container{ width: 100% !important; max-width: 100%; }
}

@media screen and (min-width: 1200px) {
    header#header .header-bottom{ border-bottom: 0; }
    header#header .main-menu{ justify-content: center; }
    body#product .col-xl-7{ width: 35%; }
    body#product .col-xl-5{ width: 65%; }
    body#product .product__name{ font-size: 1.9rem; max-width: 90%; }
    .pro-block.sticky{ position: fixed; top: 75px; z-index: 1000; }
    .pro-block.sticky-stop{ position: absolute; top: auto; bottom: 0; }
}

@media screen and (min-width: 1280px) {
    body#category #left-column{ width: 20%; }
    body#category #content-wrapper{ width: 80%; }
}

@media screen and (min-width: 1500px) {
}

@media screen and (min-width: 1599px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1199px) {
    .main-menu__mobile .menu--childrens{ border-bottom: 1px solid var(--cs-color-light-grey); }
    .main-menu__mobile .menu--childrens a{ font-weight: bold; }
    .main-menu__mobile .menu--childrens .material-icons.rtl-flip{ background-color: var(--bs-primary); border-radius: 50%; color: #FFFFFF; }
    .home-wrapper > .home-left{ margin-left: 0; margin-bottom: -10px; }
    .home-wrapper > .home-left .pro-block{ min-height: auto; margin: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 768px) {
    header#header .header-bottom .header-bottom__container .header-bottom__row .logo{ margin-top: 5px; }
    .page-product .product__name{ width: 90%; }
    .product-all-combinations-container .product-addtocart.combinations .product-combination{ display: flex; flex-direction: column; gap: 5px; }
    .product-all-combinations-container .product-addtocart.combinations .product-image{ margin-bottom: 0.5rem; }
    .product-all-combinations-container .product-addtocart.combinations .attributes div{ display: block; }
    .product-all-combinations-container .product-addtocart.combinations .product-combination > div.product-addtocart .btn{ margin: 10px auto; }
    header#header .header-bottom .header-bottom__container .header-bottom__row .lappstaras-search-container{ margin: 10px 0; }
    .products.row:not(.list){ display: grid; row-gap: 5px; column-gap: 5px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); grid-column-gap: 5px; grid-row-gap: 5px; }
    .addtocart-container .addtocart-selection {position: fixed !important; margin: 0 auto; padding: 25px!important; width: 100%!important;}
    .addtocart-container .addtocart-selection .arrow { display: none; }
    .addtocart-container .addtocart-selection ul li { padding: 7px; font-size: 17px; }

    .table-responsive table th,
    .table-responsive table td{ min-width: 60px; }
    .table-scroll-wrapper{ position: relative; }
    .table-scroll-wrapper .table-responsive{ overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; scrollbar-width: none; }
    .table-scroll-wrapper .table-responsive::-webkit-scrollbar{ display: none; /* Chrome, Safari, Edge */ }
    .table-scroll-wrapper::after{ content: ""; position: absolute; top: 0; right: 0; width: 200px; height: calc(100% - 17px); pointer-events: none; background: linear-gradient(to left, rgba(255,255,255,0.95), rgba(255,255,255,0)); opacity: 0; transition: opacity 0.3s ease; opacity: var(--fade-opacity, 1); }
}

@media screen and (max-width: 575px) {
    body#cart .cart__item .product-line__informations .stock-bullet{ margin-right: 10px; }
}

@media screen and (max-width: 543px) {
}

/**
	** Animations **
**/
@keyframes pulseButtonIcon {
  0% {
    background-color: transparent;
  }
  37.5% {
    background-color: transparent;
  }

  /* Clignotement rapide pendant la transition */
  40% {
    background-color: rgba(255,255,255,1);
  }
  42% {
    background-color: transparent;
  }
  45% {
    background-color: rgba(255,255,255,1);
  }
  47% {
    background-color: transparent;
  }
  50% {
    background-color: rgba(255,255,255,1);
  }

  /* Reste blanc pendant 4s */
  100% {
    background-color: rgba(255,255,255,1);
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes wave {
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(15deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}