@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);

.bg-bulle-magasin,
.bg-guide {
    background-repeat: no-repeat;
    background-size: cover
}

.service p,
h2.text-purple {
    font-family: Fredoka One, Sans-serif
}

.service,
.timer {
    position: relative
}

.align-items-start.width-10 img,
.fancybox-skin .rte img,
div#inner-wrapper {
    width: 100% !important
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot);
    src: local("Material Icons"), local(MaterialIcons-Regular), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype")
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Medium.woff2) format('woff2'), url(../fonts/Poppins-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.woff2) format('woff2'), url(../fonts/Poppins-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: liga;
    font-feature-settings: liga
}

.service p,
.text-grey {
    text-transform: uppercase
}

.text-pink {
    color: #c350a4
}

.text-purple {
    color: #2b0956
}

.text-blue,
.text-blue h3 {
    color: #59b5dd
}

.text-grey {
    font-size: 26px;
    font-weight: 900;
    opacity: .5
}

.bg-white-light {
    background-color: rgb(255 255 255 / .75)
}

.bg-guide {
    background-image: url(https://osmoke.fr/themes/warehousechild/assets/img/guide-comment-choisir-ses-e-liquides.jpg)
}

.bg-bulle-magasin {
    background-image: url(https://www.osmoke.fr/themes/warehousechild/assets/img/fond-gris-bulle.jpg)
}

h2.text-purple {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1.7px
}

.service p,
.timer a,
.timer p {
    font-size: 18px;
    letter-spacing: 1.2px
}

.products-grid .product-miniature:hover .input-qty,
.products-grid .product-miniature-layout-1 {
    min-height: 411px
}

.btn-product-list,
.product-add-to-cart .add-to-cart {
    background: #59B5DD;
    color: #FFFFFF;
    border-radius: 60px;
    font-weight: 700;
    font-size: 15px;
    margin: 3px;
    line-height: 23px
}

.product-add-to-cart .add-to-cart:hover {
    background: #fff;
    color: #000
}

.formulez,
.timer .formulez {
    display: flex;
    align-items: center
}

.timer:after,
.timer:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    background: #8bc0da;
    left: -15px
}

.my-img,
img.pd {
    padding-right: 25px
}

.formulez-demande p {
    margin-bottom: 0
}

.class-myvide {
    z-index: 1
}

.class-sav {
    z-index: 0
}

.service {
    background: #45167c;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-bottom: 80px;
    padding-top: 8px
}

.service p {
    color: #fff;
    line-height: 27px
}

.timer {
    background: rgb(131 188 216 / 89%);
    width: 530px;
    padding: 23px 15px;
    margin: -83px auto 0
}

.myhome-services span.elementor-icon.elementor-animation-grow .fa-adjust:before {
    display: none
}

.myhome-services span.elementor-icon.elementor-animation-grow .fa-adjust {
    background: url(../img/icone-verte-telephone.svg) 0 0/63px
}

.cms-id-28 #main .page-content,
.fancybox-inner p {
    margin-bottom: 0 !important
}

.cms-id-28 #content-wrapper .page-title {
    text-transform: uppercase;
    font-size: 2.11429rem
}

.timer:before {
    width: 75px;
    height: 1px
}

.timer:after {
    width: 1px;
    height: 75px
}

.service:after,
.service:before {
    content: "";
    display: block;
    top: -15px;
    background: #45167c;
    right: -15px;
    position: absolute
}

.service:before {
    width: 35px;
    height: 1px
}

.service:after {
    width: 1px;
    height: 75px
}

.timer-2 {
    width: 234px;
    margin: 0 auto
}

.timer .my-img {
    padding-right: 18px !important
}

.fancybox-skin,
.fancybox-skin .rte,
.width-10 .col,
div#inner-wrapper {
    padding: 0 !important
}

.timer a,
.timer p {
    color: #fff !important;
    font-family: Poppins;
    font-weight: 700;
    line-height: 1.5em
}

.timer a:hover {
    color: #000 !important
}

.timer-detais {
    display: flex
}

.timer .formulez:first-child {
    margin-bottom: 15px
}

p.conseiller {
    font-family: poppins;
    font-size: 13.3px;
    color: #545454
}

.products-grid .product-miniature-layout-1 .input-group-add-cart {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex !important
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 33px;
    height: 33px;
    -webkit-animation: 2s linear infinite spin;
    animation: 2s linear infinite spin
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .class-osm img.osmo-img {
        width: 110px !important
    }

    .class-watch .my-img,
    .class-watch img.pd {
        padding-right: 0 !important;
        width: 80px
    }

    .class-watch .formulez-demande {
        width: calc(100% - 80px)
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .products-grid .product-miniature:hover .product-add-cart {
        display: block !important
    }

    .class-myicons p {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .class-watch .my-img,
    .class-watch img.pd {
        padding-right: 0 !important;
        width: 80px
    }

    .class-osm img.osmo-img {
        width: 110px !important
    }

    img.aide {
        width: 35px !important
    }

    .class-watch .formulez-demande {
        width: calc(100% - 80px)
    }

    .timer-2 {
        width: 280px !important
    }
}

@media only screen and (max-width:767px) {
    .class-bg-img {
        background: 0 0 !important
    }

    .class-bag-img {
        background-image: url("https://www.osmoke.fr/img/cms/bg-osmoke (1).png");
        background-position: top right;
        background-repeat: no-repeat;
        background-size: auto;
        margin-top: 70px;
        margin-bottom: 0
    }

    #index .products.row.products-list {
        display: block;
        overflow: scroll
    }

    #index .js-product-miniature-wrapper.col-4.products-grid {
        display: table-cell;
        min-width: 41.33vw
    }

    #index .products-grid .product-miniature-layout-1 {
        min-height: 440px
    }

    #index .h3.product-title {
        min-height: 65px
    }

    .btn-product-list,
    .product-add-to-cart .add-to-cart {
        background: #b9dfef !important;
        color: #12a3db !important;
        border-radius: 60px;
        font-weight: 600;
        font-size: 13px;
        margin: 3px !important;
        line-height: 23px
    }

    .class-vendeurs h2 {
        color: #fff !important;
        padding: 20px 40px !important
    }

    .class-watch .my-img,
    .class-watch img.pd {
        padding-right: 0 !important;
        width: 80px
    }

    .class-osm img.osmo-img {
        width: 86px !important
    }

    .class-watch .formulez-demande {
        width: calc(100% - 80px)
    }

    .service {
        width: 250px !important;
        padding-bottom: 49px !important
    }

    .timer {
        width: 305px !important;
        margin: -52px auto 0 !important
    }

    .quickview .quickview-info {
        max-height: initial
    }

    .products-grid .product-miniature .input-qty,
    .products-grid .product-miniature .product-add-cart {
        display: block !important;
        margin: 0;
    }

    .products-grid .product-miniature .btn-product-list {
        margin: 10px 0
    }

    .product-miniature-default .product-add-cart .input-group-add-cart {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {
    #cbp-hrmenu .cbp-show {
        width: 75%;
        left: 50%;
        transform: translate(-50%, 0) !important
    }

    #cbp-hrmenu #cbp-hrmenu-tab-17 .cbp-show {
        width: 75%;
        left: 10px;
        transform: translate(0, 0) !important
    }

    #cbp-hrmenu .cbp-show img {
        width: auto
    }
}

.cms-south.elementor-element.elementor-element-unrvg23 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 15%
}

.ui-slider-horizontal {
    height: 6px !important;
    background: rgb(204 204 204 / .3) !important;
    border: none !important;
    box-shadow: none !important
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: rgb(0 0 0 / .6) !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    width: 8px;
    height: 25px;
    top: -10px;
    cursor: pointer;
    border: 1px solid rgb(161 161 161 / .25);
    box-shadow: none;
    margin-left: -4px;
    background: #fff
}

#mdgifts-panel .gift-widget-wrapper .giftProduct .rbutton,
.skin-1 .num-in {
    border-color: #45a1c9 !important
}

#mdgifts-panel .addGiftToCart,
#mdgifts-panel .gift-widget-wrapper .giftProduct .rbutton:checked,
.skin-1 .num-in {
    background-color: #45a1c9 !important
}

.btn-account-south {
    margin-top: 25px
}

.btn-account-south a:hover {
    background: #59b5dd
}

.btn-account-south a {
    border-radius: 60px;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    background: #636da6;
    color: #fff !important;
    padding: 13px 36px
}

@media (min-width:768px) {
    body a.btn.btn-product-list.customclickmobile.shoposmoke {
        display: none;
    }

    .btn.btn-product-list.personaz-js-quick-view {
        display: none
    }

    .products-grid .product-miniature:hover .product-add-cart {
        display: block !important;
        position: relative;
        width: calc(100% + 1.42858rem)
    }

    .products-grid .product-miniature:hover .product-add-cart form {
        position: absolute;
        background: #fff;
        z-index: 999;
        box-shadow: 1px 7px 8px 0 rgb(0 0 0 / .15);
        left: -.71429rem;
        width: 100%;
        bottom: 0;
        padding-bottom: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .products-grid .product-miniature:hover .product-add-cart form {
        top: -45px
    }
}

@media(min-width:850px) {

    .fancybox-inner,
    .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
        width: 700px !important;
        height: auto !important
    }
}

h2.attention {
    font-size: 45px;
    font-weight: 700;
    color: red;
    text-align: center
}

.accu-div p {
    font-size: 18px;
    line-height: 29px
}

.category-id-25 .product-list-subcategories .subcategory-image {
    border: 0
}

.category-id-25 #search_filters .facet>.facet-type-checkbox {
    max-height: 100%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .category-id-25 .product-list-subcategories .col-lg-1 {
        -ms-flex: 0 0 12.33333%;
        flex: 0 0 12.33333%;
        max-width: 12.33333%
    }
}

.width-10 .col {
    display: table
}

div#inner-wrapper {
    max-width: 100% !important
}

.gifts-panel {
    max-width: 100%;
    margin-bottom: 50px
}

.title-spend a {
    color: #45a1c9 !important
}

#mdgifts-panel .gift-widget-wrapper {
    padding: 31px 22px
}

@media only screen and (min-width:992px) and (max-width:1203px) {

    .cbp-horizontal>ul>li>.cbp-main-link,
    .cbp-horizontal>ul>li>a,
    .cbp-horizontal>ul>li>a:not([href]):not([tabindex]) {
        padding-left: 10px;
        padding-right: 10px
    }

    .cbp-horizontal .cbp-tab-title {
        font-size: 12px
    }
}

@media only screen and (min-width:1301px) and (max-width:1363px) {
    .cbp-horizontal .cbp-tab-title {
        font-size: 1rem
    }
}

#fbpsc .btn-google {
    font-weight: initial !important;
    color: #fff;
    background-color: transparent !important;
    border: 0 !important
}

.google-btn {
    width: 184px !important;
    height: 42px !important;
    background-color: #4285f4;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / .25);
    position: initial !important;
    line-height: 0 !important;
    font-size: 0 !important;
    text-align: initial !important;
    margin-left: 0 !important
}

.google-btn .google-icon-wrapper {
    position: absolute;
    margin-top: 1px;
    margin-left: 1px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    background-color: #fff
}

.google-btn .google-icon {
    position: absolute;
    margin-top: 11px;
    margin-left: 11px;
    width: 18px;
    height: 18px
}

.google-btn .btn-text {
    float: right;
    margin: 11px 11px 0 0;
    color: #fff;
    font-size: 14px;
    letter-spacing: .2px;
    font-family: Roboto;
    line-height: 17px
}

.google-btn:hover {
    box-shadow: 0 0 6px #4285f4
}

.google-btn:active {
    background: #1669f2
}

@media (min-width:768px) {
    a.btn.btn-product-list.customclickmobile.shoposmoke {
        display: none;
    }

    #category.category-id-53 .products-grid .product-miniature:hover .product-add-cart form {
        position: relative;
        top: 25px
    }

    .mobilenavprd {
        display: none
    }

    #iqitproductsnav a {
        width: 183px
    }
}

@media (max-width:767px) {
    .products-grid .product-miniature .product-add-cart.actived form {
        position: absolute;
        background: #fff;
        z-index: 999;
        box-shadow: 1px 7px 8px 0 rgb(0 0 0 / .15);
        left: 0;
        width: 100%;
        bottom: 0;
        padding-bottom: 10px
    }
}

span.delivery-information {
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin: 7px 0;
    line-height: 18px
}

#iqitproductsnav {
    display: flex;
    justify-content: space-between
}

.desktopnavprd {
    margin-bottom: 4rem;
    padding-left: 0;
    padding-right: 0
}

#iqitproductsnav a i {
    margin: 0
}

#iqitproductsnav a {
    font-size: 15px;
    text-align: center;
    color: white !important
}

@media (max-width:767px) {
    .desktopnavprd {
        display: none
    }

    #iqitproductsnav a {
        width: 169px
    }

    .mobilenavprd {
        margin-bottom: 4rem
    }

    #iqitproductsnav a {
        font-size: 14px
    }
}

.product-variants>.product-variants-item {
    display: block !important;
    margin-right: 0 !important
}

.product-variants .color,
.product-variants .input-color {
    border-radius: 0;
    background-repeat: no-repeat;
    border: 0
}

@media (max-width:767px) {
    #category .category-description-top>.col-12>.row {
        justify-content: flex-start !important
    }

    .btn.btn-product-list.personaz-js-quick-view {
        display: block !important;
        position: relative;
        z-index: 999999;
        margin: 0 auto !important;
    }

    .personaz-variants-osmoke {
        display: none
    }
}

.header-top .my-menu,
div#search_widget {
    display: none !important;
}

.class-vente .elementor-button {
    width: 100% !important;
}

#header,
#header .header-top {
    background-color: black;
}

.ac_results .search-in-cat li a {
    color: #333 !important;
}

#desktop-header {
    padding: 25px 0px;

}

.myhome-services span.elementor-icon.elementor-animation-grow .fa-adjust {
    background: url(../img/icone-verte-telephone.svg) 0 0/56px !important;
    background-repeat: no-repeat !important;
}

#header-search-btn .show .fullscreen-search #search_widget {
    display: block !important;
}

#header-search-btn .show .fullscreen-search #search_widget i {
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

li.product-flag.new {
    background: #3bffc4 !important;
}

.class-inscrivez .input-wrapper .elementor-newsletter-input {
    border-radius: 35px;
    padding-right: 105px;
}

.class-inscrivez .elementor-newsletter-btn {
    border-radius: 35px !important;
    margin-left: -125px;
    text-transform: uppercase;
    padding: 10px 40px 10px 38px;
}

/*
#index .homeslider-container,
#index .featured-products,
#index .banner,
#index #custom-text

{
    display:none !important;
}
*/
.vapez-frt {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3BFFC4;
    width: 320px;
    height: 320px;
    border-radius: 100%;
}

.vapez-mnth {
    background: #48bfdd;
}

.vapez-desert {
    background: #fff;
    border: 4px solid #3CFFC4;
}

.vapez-frt p.first-vape {
    color: #000000;
    font-size: 33px;
    line-height: 43px;
    font-family: Nexa, Sans-serif;
    font-weight: 500;
}

.vapez-frt p.last-vape {
    color: #000000;
    font-size: 22px;
    line-height: 32px;
    font-family: Nexa, Sans-serif;
    font-weight: 500;
}

.vapez-frt:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.vapez-frt {
    transition-duration: .3s;
}

.class-vp-mnth .elementor-widget-container {
    display: flex;
    justify-content: center;
    text-align: center;
}

.logobleu img {
    width: 162px;
    margin-bottom: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Nexa, Sans-serif;
}

#category #wrapper {
    overflow: unset;
}

.rowcategory {
    padding: 0 15px;
    margin: 0;
}

/* Hide accordion content by default */
.facet ul {
    max-height: 0 !important;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 !important;
}

/* Show accordion content when active */
.facet.open ul,
.facet.active ul {
    max-height: 300px !important;
    /* Set a sufficiently large value */
    padding: 10px;
    overflow-y: scroll;
}

.facet.open ul.faceted-slider,
.facet.active ul.faceted-slider {
    height: 50px;
}

/* Add cursor and style for the title */
.facet .block-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.facet .block-title:after {
    content: "+";
    font-size: 16px;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

/* Rotate the icon when active */
.facet.open .block-title:after,
.facet.active .block-title:after {
    content: "-";
}

#tablecombz-wrapper {
    max-width: 1065px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

ul.cbp-links.cbp-category-tree {
    visibility: hidden;
}

.cbp-category-thumb {
    margin-bottom: 0 !important;
}

.row.menu_row.menu-element.menu-element-id-19 {
    align-items: center;
}

.cbp-hrmenu .cbp-category-link-w:hover {
    opacity: 0.85;
}

.cbp-links.cbp-category-tree {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #48BFDC;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    left: 16px;
}

.cbp-links.cbp-category-tree .slick-next,
.cbp-links.cbp-category-tree .slick-prev {
    top: 46px !important;
}

.cbp-hrmenu .cbp-links li a:before {
    display: none !important;
}

.col-8.cbp-menu-column.cbp-menu-element.menu-element-id-3>.cbp-menu-column-inner {
    padding-bottom: 115px;
}

.cbp-links.cbp-category-tree .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
}

#iqitmegamenu-mobile a {
    color: white !important;
}

#iqitmegamenu-mobile .mm-expand {
    color: white;
}

.logo_age_verify {
    height: initial !important;
}

#psagechecker-lightbox a {
    color: white;
}

#psagechecker-lightbox .last {
    padding-right: 80px;
}

#submitAge {
    border-radius: 25px;
    padding: 12px 40px;
    text-transform: uppercase;
}

#psagechecker-lightbox button#submit-login {
    width: 100%;
    padding: 13px;
    text-transform: uppercase;
    margin-bottom: 15px;
    background-color: #48bfdd;
}

#psagechecker-lightbox button#submit-login:hover,
#submitAge:hover {
    background-color: #000;
}

#psagechecker-lightbox .forgot-password a,
#psagechecker-lightbox .no-account a {
    text-decoration: underline;
}

#psagechecker-lightbox .forgot-password {
    margin-bottom: 5px;
}

.custom_msg_age_verify {
    text-transform: uppercase;
}

.lightbox-content .row {
    align-items: center;
    padding-top: 35px;
}

.lightbox-content #fbpsc.btnlogingoogle {
    background: transparent;
    border: 0;
}

p.titleage {
    text-transform: uppercase;
    text-align: center;
}

#psagechecker_block {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

#psagechecker-lightbox .last hr {
    display: none;
}

#psagechecker-lightbox .col-md-6:after {
    content: "";
    border-right: 1px solid white !important;
    height: 100%;
    position: absolute;
    top: 0;
    right: 30px;
}

#psagechecker-lightbox .col-md-6.last:after {
    display: none;
}

#blockcart-content ul.cart-products a {
    color: #48bfdc;
}

.product-miniature .input-group-add-cart .qty {
    width: 75px;
    margin-right: 5px;
}

#product .wk-product-quantity {
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1268px) {
    img.logo.img-fluid {
        width: 135px;
    }
}

@media only screen and (min-width: 768px) {
    #category #left-column .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
        height: calc(100vh - 120px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 10px;
    }

    .col-product-image>.page-content {
        position: -webkit-sticky;
        position: sticky;
        top: 105px;
    }

    #product #wrapper {
        overflow-y: inherit;
        overflow-x: clip;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vapez-frt {
        width: 250px !important;
        height: 250px !important;

    }

    .vapez-frt p.first-vape {
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .vapez-frt p.last-vape {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    #category #left-column .sticky {
        top: 10px;
        height: calc(100vh - 10px);
    }
}

@media only screen and (max-width: 1173px) {
    #leo_search_block_top {
        display: block !important;
    }

    #leo_search_block_top .title_block {
        padding-bottom: 0;
    }

    #leo_search_block_top .title_block::before {
        font-size: 27px;
        color: white;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1173px) {
    #mobile-header {
        display: block;
    }

    #desktop-header,
    .easyzoom-product,
    .sticky-desktop-wrapper {
        display: none;
    }

    #category #left-column .sticky {
        top: 10px;
        height: calc(100vh - 10px);
    }
}

@media only screen and (min-width: 1204px) and (max-width: 1461px) {

    .cbp-horizontal>ul>li>a,
    .cbp-horizontal>ul>li>a:not([href]):not([tabindex]),
    .cbp-horizontal>ul>li>.cbp-main-link {
        padding-left: 9px;
        padding-right: 9px;
    }

    .cbp-horizontal .cbp-tab-title {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1462px) {
    .cbp-horizontal .cbp-tab-title {
        font-size: 1.1rem;
    }

    .cbp-horizontal>ul>li>a,
    .cbp-horizontal>ul>li>a:not([href]):not([tabindex]),
    .cbp-horizontal>ul>li>.cbp-main-link {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media only screen and (max-width: 767px) {
    #left-column.-only-facet-search>:not(#facets_search_wrapper) {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    #psagechecker_block .lightbox {
        width: 80% !important;
        min-width: 80%;
    }

    #psagechecker_block .lightbox-content {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .vapez-frt {
        width: 220px !important;
        height: 220px !important;

    }

    .vapez-frt p.first-vape {
        font-size: 25px !important;
        line-height: 35px !important;
    }

    .vapez-frt p.last-vape {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .cart-overview .qty {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #psagechecker-lightbox .last {
        padding-right: 15px;
        width: 70%;
        margin: 0 auto;
    }

    #psagechecker-lightbox .last hr {
        margin: 18px auto;
        width: 80%;
        display: block;
    }

    body #psagechecker_block .lightbox {
        top: 20px;
    }

    body #psagechecker_block .lightbox {
        height: 94% !important;
    }

    body #psagechecker_block .lightbox-content {
        height: 100% !important;
    }

    #psagechecker-lightbox #fbpsc.btnlogingoogle {
        padding: 0;
    }

    #psagechecker-lightbox #fbpsc .btn-google {
        margin: 0 0 9px !important;
        padding: 0;
        padding-top: 10px;
    }

    .lightbox-content .row {
        padding: 0;
        padding-bottom: 20px;
    }

    .logo_age_verify img {
        width: 120px;
    }

    .age_verify {
        margin-top: 15px;
        width: 95%;
    }

    .blockAgeVerify {
        margin-top: -7px !important;
    }

    #psagechecker-lightbox .google-btn {
        height: 36px !important;
    }

    #psagechecker-lightbox .google-btn .btn-text {
        margin: 9px 11px 0 0;
        font-size: 12px;
    }

    #psagechecker-lightbox .google-btn .google-icon {
        margin-top: 8px;
    }

    #submitAge {
        margin-left: 0;
        font-size: 10px;
        padding: 10px 30px;
    }

    .custom_msg_age_verify {
        font-size: 10px;
        width: 95%;
    }

    #psagechecker-lightbox button#submit-login {
        padding: 9px;
        font-size: 10px;
    }

    .year {
        width: 75px;
    }

    .age_verify_input {
        width: 240px;
    }

    #psagechecker-lightbox .col-md-6:after {
        display: none;
    }

    #cart a.remove-from-cart {
        text-align: center;
        display: inline-block;
        margin-top: 5px;
    }

    .bootstrap-touchspin .input-group-btn-vertical {
        width: auto;
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .cart-item .bootstrap-touchspin {
        max-width: 105px;
        margin: 0 auto;
        min-height: 40px;
    }

    button.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
        right: 0;
        height: 100%;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        flex-direction: column;
        position: absolute;
    }

    button.btn.btn-touchspin.bootstrap-touchspin-down {
        left: 0;
        height: 100%;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 34px;
        border-top-color: #e3e3e3 !important;
    }

    .bootstrap-touchspin .input-group-btn-vertical i {
        top: 50% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .product-quantity .qty .input-group {
        height: 100%;
        max-width: 105px;
        margin: 0 auto;
        min-height: 40px;
        text-align: center;
    }

    .product-miniature .input-group-add-cart .qty {
        width: 105px;
        margin-right: 0 !important;
    }

    .product-miniature .input-group-add-cart .qty .input-group {
        text-align: center;
    }

    body#cart,
    body#checkout {
        font-size: 16px;
        line-height: 21px;
    }

    #cart .product-line-info.product-price.h5 {
        font-size: 16px;
    }

    #checkout h1.step-title.h3 {
        font-size: 18px;
    }

    body#checkout section.checkout-step .delete-address,
    body#checkout section.checkout-step .edit-address {
        font-size: 16px;
    }

    body#checkout .h6,
    body#checkout h6 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px;
        display: block;
    }

    body#checkout section.checkout-step .delivery-option .carrier-delay {
        font-size: 14px;
        line-height: 17px;
    }

    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
        font-size: 16px;
        line-height: 21px;
    }

    body#checkout .additional-information {
        font-size: 16px;
        line-height: 21px;
    }

    body#checkout #payment-confirmation button {
        font-size: 16px;
    }

    body#checkout .cart-summary-products .text-muted {
        font-size: 16px;
    }

    body#checkout .login-form .form-group {
        margin-bottom: 0;
    }

    body#checkout .login-form .col-form-label {
        padding-top: 0;
    }
}

/* CSS pour les discounts*/
.product-discounts-new {
    background-color: #59B5DD33;
    padding: 20px;
    border-radius: 20px;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

.discounts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.discount-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid #59B5DD;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.discount-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.discount-card.active {
    border: 1px solid #59B5DD;
    background: white;
    transform: scale(1.02);
    box-shadow: 0 6px 20px rgba(89, 181, 221, 0.3);
}

.price-section-container {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.selection-circle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.circle-outline {
    width: 20px;
    height: 20px;
    border: 2px solid #59B5DD;
    border-radius: 50%;
    position: absolute;
    transition: all 0.3s ease;
}

.circle-fill {
    width: 12px;
    height: 12px;
    background-color: #59B5DD;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}

.discount-card .circle-outline {
    opacity: 1;
    transform: scale(1);
}

.discount-card .circle-fill {
    opacity: 0;
    transform: scale(0);
}

.discount-card.active .circle-outline {
    border-color: #59B5DD;
    opacity: 1;
}

.discount-card.active .circle-fill {
    background-color: #59B5DD;
    opacity: 1;
    transform: scale(1);
}

.discount-card:hover .circle-outline {
    border-color: #e74c3c;
}

.discount-card.active:hover .circle-fill {
    background-color: #e74c3c;
}

.price-section {
    border-bottom: 1px solid #f0f0f0;
    background-color: #59B5DD;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    width: 100%;
    transition: background-color 0.3s ease;
    flex: 1;
}

.price {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
}

.unit {
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
}

.quantity-header {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.quantity-indicator {
    margin-right: 5px;
    font-weight: bold;
    font-size: 1.4rem;
}

.quantity-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stock-info {
    font-size: 0.9rem;
    color: #7f8c8d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.stock-icon {
    margin-right: 6px;
    color: #27ae60;
}

@media (max-width: 768px) {
    .discounts-grid {
        grid-template-columns: 1fr;
    }
    
    .price-section-container {
        gap: 10px;
    }
    
    .selection-circle {
        width: 20px;
        height: 20px;
    }
    
    .circle-outline {
        width: 18px;
        height: 18px;
    }
    
    .circle-fill {
        width: 10px;
        height: 10px;
    }
}