@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.lil-bobs.nl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
}

:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg .product-grid-item{
	--wd-prod-bg:rgba(15,15,15,0.05); --wd-bordered-bg:rgba(15,15,15,0.05);
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://www.lil-bobs.nl/wp-content/uploads/2024/05/Schermafbeelding-2024-05-23-om-19.33.19.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(249,249,249);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(130,56,48);
	background-image: none;
}

:root{
--wd-text-font:"Karla", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Karla", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:400;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:14px;
}
:root{
--wd-primary-color:rgb(130,55,48);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(122,179,139);
}
:root{
--btn-accented-bgcolor-hover:rgb(102,155,107);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
									--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
				--btn-accented-box-shadow-active: none;
				--btn-accented-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
	
	
/* =========================================================
   LIL' BOBS - COMPLETE CUSTOM CSS
   OPGESCHOONDE VERSIE
   ========================================================= */


/* =========================================================
   1. WOOCOMMERCE SHOP - SIDEBAR WEG
   ========================================================= */

.post-type-archive-product #secondary,
.post-type-archive-product .sidebar,
.post-type-archive-product .widget-area,
.post-type-archive-product .shop-sidebar,
.tax-product_cat #secondary,
.tax-product_cat .sidebar,
.tax-product_cat .widget-area,
.tax-product_cat .shop-sidebar,
.tax-product_tag #secondary,
.tax-product_tag .sidebar,
.tax-product_tag .widget-area,
.tax-product_tag .shop-sidebar {
    display: none !important;
}


/* =========================================================
   2. SHOP VOLLEDIGE BREEDTE
   ========================================================= */

.post-type-archive-product #primary,
.post-type-archive-product .content-area,
.tax-product_cat #primary,
.tax-product_cat .content-area,
.tax-product_tag #primary,
.tax-product_tag .content-area,
.post-type-archive-product .col-md-9,
.post-type-archive-product .col-lg-9,
.tax-product_cat .col-md-9,
.tax-product_cat .col-lg-9,
.tax-product_tag .col-md-9,
.tax-product_tag .col-lg-9,
.post-type-archive-product .woocommerce,
.tax-product_cat .woocommerce,
.tax-product_tag .woocommerce,
.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products,
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.tax-product_tag .site-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   3. SIDEBAR / FILTER KNOP WEG
   ========================================================= */

.post-type-archive-product .show-sidebar,
.post-type-archive-product .sidebar-toggle,
.post-type-archive-product .shop-sidebar-toggle,
.post-type-archive-product .filter-toggle,
.post-type-archive-product [class*="show-sidebar"],
.post-type-archive-product [class*="sidebar-toggle"],
.tax-product_cat .show-sidebar,
.tax-product_cat .sidebar-toggle,
.tax-product_cat .shop-sidebar-toggle,
.tax-product_cat .filter-toggle,
.tax-product_cat [class*="show-sidebar"],
.tax-product_cat [class*="sidebar-toggle"],
.tax-product_tag .show-sidebar,
.tax-product_tag .sidebar-toggle,
.tax-product_tag .shop-sidebar-toggle,
.tax-product_tag .filter-toggle,
.tax-product_tag [class*="show-sidebar"],
.tax-product_tag [class*="sidebar-toggle"] {
    display: none !important;
}


/* =========================================================
   4. SORTEREN OP - MOBIEL WEG
   ========================================================= */

@media (max-width: 767px) {

    .post-type-archive-product .woocommerce-ordering,
    .tax-product_cat .woocommerce-ordering,
    .tax-product_tag .woocommerce-ordering {
        display: none !important;
    }

}


/* =========================================================
   5. PRODUCT USP'S
   ========================================================= */

.single-product .lilbobs-product-usps {
    margin: 15px 0 22px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #555555 !important;
}

.single-product .lilbobs-product-usps > div {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 1px 0 !important;
    padding: 0 !important;
    color: #555555 !important;
}

.single-product .lilbobs-product-usps > div > span:not(.lilbobs-check) {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
}

.single-product .lilbobs-product-usps span.lilbobs-check {
    display: inline-block !important;
    color: #913c32 !important;
    -webkit-text-fill-color: #913c32 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* =========================================================
   6. WINKELWAGEN KNOP
   ========================================================= */

.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
    background-color: #963A30 !important;
    border-color: #963A30 !important;
    color: #ffffff !important;
    transition: background-color .2s ease !important;
}

.single-product .single_add_to_cart_button:hover,
.single-product button.single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:active,
.single-product .single_add_to_cart_button:focus {
    background-color: #7D2F27 !important;
    border-color: #7D2F27 !important;
    color: #ffffff !important;
}

.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button.wc-variation-selection-needed {
    background-color: #C9A09C !important;
    border-color: #C9A09C !important;
    color: #ffffff !important;
}


/* =========================================================
   7. LEVERBALK
   ========================================================= */

.lilbobs-levering {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 14px !important;
    margin-top: 22px !important;
    margin-bottom: 22px !important;
    padding: 14px 16px !important;
    background: #fcfbfa !important;
    border: 1px solid #f0ecea !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    min-height: 56px !important;
}

.lilbobs-truck {
    position: relative !important;
    display: block !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #9a493c !important;
}

.lilbobs-truck-speed {
    position: absolute !important;
    display: block !important;
    height: 2px !important;
    background: currentColor !important;
    border-radius: 10px !important;
}

.lilbobs-speed-1 {
    left: 0 !important;
    top: 6px !important;
    width: 6px !important;
}

.lilbobs-speed-2 {
    left: 0 !important;
    top: 12px !important;
    width: 9px !important;
}

.lilbobs-speed-3 {
    left: 2px !important;
    top: 18px !important;
    width: 6px !important;
}

.lilbobs-truck-bak {
    position: absolute !important;
    left: 10px !important;
    top: 2px !important;
    width: 17px !important;
    height: 15px !important;
    box-sizing: border-box !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
}

.lilbobs-truck-cabine {
    position: absolute !important;
    left: 27px !important;
    top: 7px !important;
    width: 9px !important;
    height: 10px !important;
    box-sizing: border-box !important;
    border: 2px solid currentColor !important;
    border-left: 0 !important;
    border-radius: 0 3px 2px 0 !important;
}

.lilbobs-truck-wiel {
    position: absolute !important;
    bottom: 1px !important;
    width: 7px !important;
    height: 7px !important;
    box-sizing: border-box !important;
    background: #fcfbfa !important;
    border: 2px solid currentColor !important;
    border-radius: 50% !important;
}

.lilbobs-truck-wiel-1 {
    left: 13px !important;
}

.lilbobs-truck-wiel-2 {
    right: 1px !important;
}

.lilbobs-levering-tekstregel {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #777777 !important;
}

.lilbobs-levering-tekstregel strong {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #333333 !important;
    white-space: nowrap !important;
}

.lilbobs-levering-scheiding {
    display: block !important;
    flex: 0 0 1px !important;
    width: 1px !important;
    height: 20px !important;
    background: #d8d4d2 !important;
}

.lilbobs-levering-label {
    font-size: 14px !important;
    color: #777777 !important;
    white-space: nowrap !important;
}

.single-product .lilbobs-product-levering {
    margin-top: 20px !important;
    margin-bottom: 22px !important;
}

.lilbobs-cart-levering {
    margin-top: 22px !important;
    margin-bottom: 20px !important;
}


/* =========================================================
   8. WOOCOMMERCE SUCCESMELDING
   ========================================================= */

.woocommerce-message {
    background-color: #913A32 !important;
    border-color: #913A32 !important;
    color: #ffffff !important;
}

.woocommerce-message::before,
.woocommerce-message a,
.woocommerce-message .button {
    color: #ffffff !important;
}

.woocommerce-message a {
    border-color: rgba(255,255,255,.5) !important;
}


/* =========================================================
   9. POPUP
   ========================================================= */

.bobs-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,.45);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.bobs-popup.active {
    display: flex;
}

.bobs-popup-box {
    position: relative;
    width: 100%;
    max-width: 440px;
    background: #faf8f7;
    border-radius: 12px;
    padding: 45px 35px 35px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,.20);
    animation: bobsPopupIn .35s ease;
}

.bobs-popup-close {
    position: absolute;
    top: 12px;
    right: 16px;
    padding: 0;
    border: none;
    background: none;
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer;
}

.bobs-popup-small {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
}

.bobs-popup h2 {
    margin: 0 0 14px;
    font-size: 27px;
    line-height: 1.2;
}

.bobs-popup p {
    margin: 0 auto 22px;
    max-width: 330px;
    font-size: 15px;
    line-height: 1.6;
}

.bobs-popup-button {
    display: block;
    width: 100%;
    padding: 13px 20px;
    background: #222222;
    color: #ffffff !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: 600;
}

.bobs-popup-button:hover {
    opacity: .88;
}

.bobs-popup-code-wrap {
    margin-top: 20px;
    padding: 16px 20px;
    background: #f3efed;
    border: 1px dashed #c9bdb7;
    border-radius: 6px;
    text-align: center;
}

.bobs-popup-code-label {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #777777;
}

.bobs-popup-code {
    display: block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #222222;
}

@keyframes bobsPopupIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* =========================================================
   10. MOBIEL MENU
   ========================================================= */

@media (max-width: 1024px) {

    /* -----------------------------------------------------
       MENU PANEEL
       ----------------------------------------------------- */

    .mobile-nav {
        width: min(90vw, 400px) !important;
        background: #fbf8f4 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }


    /* -----------------------------------------------------
       LOGO
       ----------------------------------------------------- */

    .mobile-nav::before {
        content: "" !important;
        display: block !important;
        width: 145px !important;
        height: 82px !important;
        margin: 14px auto 22px !important;
        padding: 0 !important;

        background-image:
            url("https://www.lil-bobs.nl/wp-content/uploads/2024/03/logo-3.png") !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: contain !important;
    }


    /* -----------------------------------------------------
       ZOEKBALK
       Exact dezelfde zijlijn als de menukaarten
       ----------------------------------------------------- */

    .mobile-nav .lilbobs-mobile-search {
        position: relative !important;
        display: block !important;

        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;

        margin: 0 14px !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        float: none !important;
        clear: both !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        outline: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;

        transform: none !important;

        z-index: 100 !important;
    }


    /* Woodmart zoekformulier transparant */

    .mobile-nav .lilbobs-mobile-search.wd-search-form,
    .mobile-nav .lilbobs-mobile-search .wd-search-form,
    .mobile-nav .lilbobs-mobile-search form,
    .mobile-nav .lilbobs-mobile-search form.searchform,
    .mobile-nav .lilbobs-mobile-search .searchform {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        outline: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    .mobile-nav .lilbobs-mobile-search::before,
    .mobile-nav .lilbobs-mobile-search::after,
    .mobile-nav .lilbobs-mobile-search form::before,
    .mobile-nav .lilbobs-mobile-search form::after,
    .mobile-nav .lilbobs-mobile-search .searchform::before,
    .mobile-nav .lilbobs-mobile-search .searchform::after {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* Zoekveld */

    .mobile-nav .lilbobs-mobile-search input.s,
    .mobile-nav .lilbobs-mobile-search input[type="text"],
    .mobile-nav .lilbobs-mobile-search input[type="search"] {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 0 54px 0 20px !important;

        background: #f1ece7 !important;
        background-color: #f1ece7 !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 999px !important;

        outline: 0 !important;
        box-shadow: none !important;

        color: #403630 !important;

        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 46px !important;

        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .mobile-nav .lilbobs-mobile-search input.s::placeholder,
    .mobile-nav .lilbobs-mobile-search input[type="text"]::placeholder,
    .mobile-nav .lilbobs-mobile-search input[type="search"]::placeholder {
        color: #958b85 !important;
        opacity: 1 !important;
    }

    .mobile-nav .lilbobs-mobile-search input.s:focus,
    .mobile-nav .lilbobs-mobile-search input[type="text"]:focus,
    .mobile-nav .lilbobs-mobile-search input[type="search"]:focus {
        background: #f1ece7 !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }


    /* Zoekknop */

    .mobile-nav .lilbobs-mobile-search .searchsubmit {
        position: absolute !important;
        z-index: 10 !important;

        top: 50% !important;
        right: 7px !important;
        left: auto !important;

        transform: translateY(-50%) !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 50% !important;

        outline: 0 !important;
        box-shadow: none !important;

        color: #51382f !important;

        cursor: pointer !important;
    }

    .mobile-nav .lilbobs-mobile-search .searchsubmit:hover,
    .mobile-nav .lilbobs-mobile-search .searchsubmit:focus,
    .mobile-nav .lilbobs-mobile-search .searchsubmit:active {
        background: transparent !important;
        color: #913c32 !important;
        box-shadow: none !important;
    }


    /* Eigen zoekicoon */

    .mobile-nav .lilbobs-search-icon {
        position: absolute !important;
        z-index: 10 !important;

        right: 19px !important;
        top: 50% !important;

        width: 17px !important;
        height: 17px !important;

        transform: translateY(-55%) !important;

        box-sizing: border-box !important;

        border: 2px solid #51382f !important;
        border-radius: 50% !important;

        background: transparent !important;

        pointer-events: none !important;
    }

    .mobile-nav .lilbobs-search-icon::after {
        content: "" !important;
        position: absolute !important;

        right: -6px !important;
        bottom: -4px !important;

        width: 8px !important;
        height: 2px !important;

        background: #51382f !important;
        border-radius: 10px !important;

        transform: rotate(45deg) !important;
        transform-origin: left center !important;
    }


    /* -----------------------------------------------------
       AJAX ZOEKRESULTATEN
       ----------------------------------------------------- */

    .mobile-nav .lilbobs-mobile-search .search-results-wrapper {
        position: absolute !important;
        z-index: 9999 !important;

        top: calc(100% + 7px) !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 12px !important;

        box-shadow: none !important;

        overflow: visible !important;
    }

    .mobile-nav .lilbobs-mobile-search .search-results-wrapper:empty {
        display: none !important;
    }

    .mobile-nav .lilbobs-mobile-search .autocomplete-suggestions,
    .mobile-nav .lilbobs-mobile-search .wd-search-results {
        width: 100% !important;
        max-height: 370px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        background: #ffffff !important;

        border: 1px solid #e8e1dc !important;
        border-radius: 12px !important;

        box-shadow: 0 12px 30px rgba(52,36,29,.12) !important;
    }

    .mobile-nav .lilbobs-mobile-search .autocomplete-suggestion {
        display: flex !important;
        align-items: center !important;

        min-height: 72px !important;

        box-sizing: border-box !important;

        padding: 8px 10px !important;

        background: #ffffff !important;

        border: 0 !important;
        border-bottom: 1px solid #eee8e4 !important;
    }

    .mobile-nav .lilbobs-mobile-search .autocomplete-suggestion:last-child {
        border-bottom: 0 !important;
    }

    .mobile-nav .lilbobs-mobile-search .autocomplete-suggestion:hover {
        background: #fbf8f4 !important;
    }

    .mobile-nav .lilbobs-mobile-search .autocomplete-suggestion img {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 60px !important;

        object-fit: cover !important;

        border-radius: 7px !important;
    }

    .mobile-nav .lilbobs-mobile-search .suggestion-content {
        min-width: 0 !important;
        padding-left: 11px !important;
    }

    .mobile-nav .lilbobs-mobile-search .suggestion-title,
    .mobile-nav .lilbobs-mobile-search .suggestion-title a {
        color: #382f2a !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
    }

    .mobile-nav .lilbobs-mobile-search .suggestion-price,
    .mobile-nav .lilbobs-mobile-search .price {
        margin-top: 3px !important;
        color: #913c32 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }


    /* -----------------------------------------------------
       MENU BASIS
       14PX = DE VASTE ZIJLIJN
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile {
        position: relative !important;

        display: flex !important;
        flex-wrap: wrap !important;

        width: 100% !important;

        box-sizing: border-box !important;

        gap: 7px !important;

        margin: 0 !important;

        /* 18px tussen zoekbalk en Meisjes */
        padding: 18px 14px 30px !important;

        background: transparent !important;
    }

    .mobile-nav .wd-nav-mobile > li {
        position: relative !important;

        display: block !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        height: auto !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        overflow: hidden !important;
    }

    .mobile-nav .wd-nav-mobile > li > a {
        position: relative !important;
        z-index: 3 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;

        border: 0 !important;

        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }


    /* -----------------------------------------------------
       MEISJES
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(1) {
        border-radius: 11px !important;

        background:
            linear-gradient(
                90deg,
                rgba(45,29,22,.58),
                rgba(45,29,22,.06) 70%
            ),
            url("https://www.lil-bobs.nl/wp-content/uploads/2026/09/C49A5342_a737277a-473e-4083-a02b-354830f6286e-scaled.webp")
            center 35% / cover no-repeat !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(1) > a {
        height: 132px !important;
        min-height: 132px !important;

        align-items: flex-end !important;

        padding: 0 17px 15px !important;

        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 700 !important;
    }


    /* -----------------------------------------------------
       JONGENS
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(2) {
        flex: 0 0 calc(50% - 3.5px) !important;
        width: calc(50% - 3.5px) !important;

        border-radius: 10px !important;

        background:
            linear-gradient(
                0deg,
                rgba(35,24,19,.58),
                transparent 68%
            ),
            url("https://www.lil-bobs.nl/wp-content/uploads/2026/09/226511-484-scaled.webp")
            center 35% / cover no-repeat !important;
    }


    /* -----------------------------------------------------
       BABY
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(3) {
        flex: 0 0 calc(50% - 3.5px) !important;
        width: calc(50% - 3.5px) !important;

        border-radius: 10px !important;

        background:
            linear-gradient(
                0deg,
                rgba(35,24,19,.58),
                transparent 68%
            ),
            url("https://www.lil-bobs.nl/wp-content/uploads/2026/08/16-04306-019-L-6.jpg")
            center center / cover no-repeat !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(2) > a,
    .mobile-nav .wd-nav-mobile > li:nth-child(3) > a {
        height: 102px !important;
        min-height: 102px !important;

        align-items: flex-end !important;

        padding: 0 12px 12px !important;

        color: #ffffff !important;

        font-size: 12.5px !important;
        font-weight: 700 !important;
    }


    /* -----------------------------------------------------
       SCHOENEN / LIFESTYLE / MERKEN
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(4),
    .mobile-nav .wd-nav-mobile > li:nth-child(5),
    .mobile-nav .wd-nav-mobile > li:nth-child(6) {
        flex: 0 0 100% !important;
        width: 100% !important;

        background: #ffffff !important;

        border: 1px solid #e8e1dc !important;
        border-radius: 10px !important;

        box-shadow: 0 1px 3px rgba(55,40,30,.025) !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(4) > a,
    .mobile-nav .wd-nav-mobile > li:nth-child(5) > a,
    .mobile-nav .wd-nav-mobile > li:nth-child(6) > a {
        height: 46px !important;
        min-height: 46px !important;

        padding: 0 44px 0 52px !important;

        color: #382f2a !important;

        font-size: 12.5px !important;
        font-weight: 600 !important;
    }


    /* -----------------------------------------------------
       ICONEN
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(4)::before,
    .mobile-nav .wd-nav-mobile > li:nth-child(5)::before,
    .mobile-nav .wd-nav-mobile > li:nth-child(6)::before {
        content: "" !important;

        position: absolute !important;
        z-index: 6 !important;

        left: 16px !important;
        top: 23px !important;

        width: 24px !important;
        height: 24px !important;

        transform: translateY(-50%) !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        pointer-events: none !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(4)::before {
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23382f2a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15.5c2.8 0 4.5-1 5.3-3.2l1.1-3 2.1 1.8c1.9 1.7 3.8 2.7 6.5 3.2 1.8.3 3 1.3 3 2.7 0 1.7-1.4 2.7-3.3 2.7H6c-2 0-3-1.1-3-2.6v-1.6Z'/%3E%3Cpath d='M8.5 12.2 11 13.5M6.7 14l2.2 1'/%3E%3C/svg%3E") !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(5)::before {
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23382f2a' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 18v-4a8 8 0 0 1 16 0v4'/%3E%3Cpath d='M7 18v-4a5 5 0 0 1 10 0v4'/%3E%3Cpath d='M10 18v-4a2 2 0 0 1 4 0v4'/%3E%3C/svg%3E") !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(6)::before {
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23382f2a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-2.9-5.6 2.9 1.1-6.2L3 9.6l6.2-.9L12 3Z'/%3E%3C/svg%3E") !important;
    }


    /* -----------------------------------------------------
       BOUTIQUE & KIDSCAFÉ
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(7) {
        flex: 0 0 100% !important;
        width: 100% !important;

        border-radius: 11px !important;

        background:
            linear-gradient(
                90deg,
                rgba(47,28,20,.72),
                rgba(47,28,20,.08) 76%
            ),
            url("https://www.lil-bobs.nl/wp-content/uploads/2026/08/aw26-campaign-038.jpg")
            center 45% / cover no-repeat !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(7) > a {
        height: 102px !important;
        min-height: 102px !important;

        align-items: flex-end !important;

        padding: 0 48px 14px 17px !important;

        color: #ffffff !important;

        font-size: 13.5px !important;
        font-weight: 700 !important;

        line-height: 1.25 !important;
    }


    /* -----------------------------------------------------
       SALE
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(8) {
        flex: 0 0 100% !important;
        width: 100% !important;

        border-radius: 10px !important;

        background:
            linear-gradient(
                110deg,
                #7f2d25,
                #a13f32
            ) !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(8) > a {
        height: 51px !important;
        min-height: 51px !important;

        padding: 0 48px 0 57px !important;

        color: #ffffff !important;

        font-size: 13.5px !important;
        font-weight: 700 !important;

        letter-spacing: 1.2px !important;
    }


    /* Sale tag */

    .mobile-nav .wd-nav-mobile > li:nth-child(8)::before {
        content: "" !important;

        position: absolute !important;
        z-index: 6 !important;

        left: 17px !important;
        top: 25.5px !important;

        width: 25px !important;
        height: 25px !important;

        transform: translateY(-50%) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13 13 20a2 2 0 0 1-2.8 0L4 13.8V4h9.8L20 10.2a2 2 0 0 1 0 2.8Z'/%3E%3Ccircle cx='9' cy='9' r='1.4'/%3E%3C/svg%3E") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        pointer-events: none !important;
    }


    /* -----------------------------------------------------
       WOODMART OPENERS
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li > .wd-nav-opener {
        position: absolute !important;
        z-index: 20 !important;

        top: 0 !important;
        right: 5px !important;

        width: 42px !important;
        height: 46px !important;

        border: 0 !important;

        background: transparent !important;
    }

    .mobile-nav .wd-nav-opener::before {
        border: 0 !important;
    }

    .mobile-nav .wd-nav-mobile > li > .wd-nav-opener::after {
        content: "" !important;

        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        width: 8px !important;
        height: 8px !important;

        border-top: 1.7px solid #382f2a !important;
        border-right: 1.7px solid #382f2a !important;

        transform: translate(-65%, -50%) rotate(45deg) !important;

        transition: transform .2s ease !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(1) > .wd-nav-opener {
        height: 132px !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(2) > .wd-nav-opener,
    .mobile-nav .wd-nav-mobile > li:nth-child(3) > .wd-nav-opener,
    .mobile-nav .wd-nav-mobile > li:nth-child(7) > .wd-nav-opener {
        height: 102px !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(8) > .wd-nav-opener {
        height: 51px !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(1) > .wd-nav-opener::after,
    .mobile-nav .wd-nav-mobile > li:nth-child(2) > .wd-nav-opener::after,
    .mobile-nav .wd-nav-mobile > li:nth-child(3) > .wd-nav-opener::after,
    .mobile-nav .wd-nav-mobile > li:nth-child(7) > .wd-nav-opener::after,
    .mobile-nav .wd-nav-mobile > li:nth-child(8) > .wd-nav-opener::after {
        border-color: #ffffff !important;
    }

    .mobile-nav .wd-nav-mobile > li.wd-opened > .wd-nav-opener::after,
    .mobile-nav .wd-nav-mobile > li.opened > .wd-nav-opener::after {
        transform: translate(-50%, -70%) rotate(135deg) !important;
    }


    /* -----------------------------------------------------
       DIRECT LINK PIJLEN
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li:nth-child(7):not(.menu-item-has-children) > a::after {
        content: "→" !important;

        position: absolute !important;

        right: 18px !important;
        bottom: 13px !important;

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }

    .mobile-nav .wd-nav-mobile > li:nth-child(8):not(.menu-item-has-children) > a::after {
        content: "→" !important;

        position: absolute !important;

        right: 17px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       SUBMENU'S
       ----------------------------------------------------- */

    .mobile-nav .wd-nav-mobile > li > .sub-menu,
    .mobile-nav .wd-nav-mobile > li > .wd-sub-menu {
        position: static !important;

        width: 100% !important;
        height: auto !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 5px 13px 8px !important;

        background: #fbf8f4 !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        transform: none !important;

        clear: both !important;
    }

    .mobile-nav .wd-nav-mobile > li > .sub-menu > li,
    .mobile-nav .wd-nav-mobile > li > .wd-sub-menu > li {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-bottom: 1px solid #e4ded9 !important;
    }

    .mobile-nav .wd-nav-mobile > li > .sub-menu > li:last-child,
    .mobile-nav .wd-nav-mobile > li > .wd-sub-menu > li:last-child {
        border-bottom: 0 !important;
    }

    .mobile-nav .wd-nav-mobile > li > .sub-menu > li > a,
    .mobile-nav .wd-nav-mobile > li > .wd-sub-menu > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 38px !important;
        height: auto !important;

        box-sizing: border-box !important;

        padding: 8px !important;

        color: #746c67 !important;

        font-size: 12.5px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;

        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .mobile-nav .wd-nav-mobile > li.wd-opened,
    .mobile-nav .wd-nav-mobile > li.opened {
        height: auto !important;
        overflow: hidden !important;
    }


    /* Jongens/Baby volledige breedte bij openen */

    .mobile-nav .wd-nav-mobile > li:nth-child(2).wd-opened,
    .mobile-nav .wd-nav-mobile > li:nth-child(2).opened,
    .mobile-nav .wd-nav-mobile > li:nth-child(3).wd-opened,
    .mobile-nav .wd-nav-mobile > li:nth-child(3).opened {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .mobile-nav .wd-nav-mobile > li.wd-opened:nth-child(4),
    .mobile-nav .wd-nav-mobile > li.wd-opened:nth-child(5),
    .mobile-nav .wd-nav-mobile > li.wd-opened:nth-child(6),
    .mobile-nav .wd-nav-mobile > li.opened:nth-child(4),
    .mobile-nav .wd-nav-mobile > li.opened:nth-child(5),
    .mobile-nav .wd-nav-mobile > li.opened:nth-child(6) {
        background: #ffffff !important;
    }


    /* -----------------------------------------------------
       PRODUCT USP MOBIEL
       ----------------------------------------------------- */

    .single-product .lilbobs-product-usps {
        margin: 12px 0 18px !important;
        font-size: 13px !important;
    }

    .single-product .lilbobs-product-usps span.lilbobs-check {
        font-size: 15px !important;
    }

}


/* =========================================================
   11. EXTRA KLEINE MOBIEL
   ========================================================= */

@media (max-width: 600px) {

    .lilbobs-levering {
        gap: 9px !important;
        margin-top: 17px !important;
        margin-bottom: 17px !important;
        padding: 11px 12px !important;
        min-height: 48px !important;
        border-radius: 4px !important;
    }

    .lilbobs-truck {
        transform: scale(.88);
        transform-origin: left center;

        flex-basis: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    }

    .lilbobs-levering-tekstregel {
        gap: 7px !important;
    }

    .lilbobs-levering-tekstregel strong,
    .lilbobs-levering-label {
        font-size: 12.5px !important;
    }

    .lilbobs-levering-scheiding {
        height: 18px !important;
    }

    .bobs-popup-box {
        max-width: 360px;
        padding: 40px 22px 30px;
    }

    .bobs-popup h2 {
        font-size: 23px;
    }

    .bobs-popup-code {
        font-size: 26px;
    }

}