<!DOCTYPE html>
<html lang="hu" class="js-ajax-filter-box-checking-force js-ajax-product-list-checking">
    <head>
        <meta charset="utf-8">
<meta name="description" content="notoopink">
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta property="og:site_name" content="notoopink" />
<meta property="og:title" content="notoopink">
<meta property="og:description" content="notoopink">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.notoopink.com/">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="MobileOptimized" content="320">
<meta name="HandheldFriendly" content="true">

<title>notoopink</title>


<script>
var service_type="shop";
var shop_url_main="https://www.notoopink.com";
var actual_lang="hu";
var money_len="0";
var money_thousend=" ";
var money_dec=",";
var shop_id=36463;
var unas_design_url="https:"+"/"+"/"+"www.notoopink.com"+"/"+"!common_design"+"/"+"base"+"/"+"002401"+"/";
var unas_design_code='002401';
var unas_base_design_code='2400';
var unas_design_ver=4;
var unas_design_subver=3;
var unas_shop_url='https://www.notoopink.com';
var responsive="yes";
var price_nullcut_disable=1;
var config_plus=new Array();
config_plus['product_tooltip']=1;
config_plus['cart_fly_id']="cart-box__fly-to-desktop";
config_plus['cart_redirect']=1;
config_plus['cart_refresh_force']="1";
config_plus['money_type']='Ft';
config_plus['money_type_display']='Ft';
config_plus['already_registered_email']=1;
config_plus['accessible_design']=true;
var lang_text=new Array();

var UNAS = UNAS || {};
UNAS.shop={"base_url":'https://www.notoopink.com',"domain":'www.notoopink.com',"username":'notoopink.unas.hu',"id":36463,"lang":'hu',"currency_type":'Ft',"currency_code":'HUF',"currency_rate":'1',"currency_length":0,"base_currency_length":0,"canonical_url":'https://www.notoopink.com/'};
UNAS.design={"code":'002401',"page":'start'};
UNAS.api_auth="817f70ba35ffdf91d74b005933bfd60f";
UNAS.customer={"email":'',"id":0,"group_id":0,"without_registration":0};
UNAS.shop["only_private_customer_can_purchase"] = false;
 

UNAS.text = {
    "button_overlay_close": `Bezár`,
    "popup_window": `Felugró ablak`,
    "list": `lista`,
    "updating_in_progress": `frissítés folyamatban`,
    "updated": `frissítve`,
    "is_opened": `megnyitva`,
    "is_closed": `bezárva`,
    "deleted": `törölve`,
    "consent_granted": `hozzájárulás megadva`,
    "consent_rejected": `hozzájárulás elutasítva`,
    "field_is_incorrect": `mező hibás`,
    "error_title": `Hiba!`,
    "product_variants": `termék változatok`,
    "product_added_to_cart": `A termék a kosárba került`,
    "product_added_to_cart_with_qty_problem": `A termékből csak [qty_added_to_cart] [qty_unit] került kosárba`,
    "product_removed_from_cart": `A termék törölve a kosárból`,
    "reg_title_name": `Név`,
    "reg_title_company_name": `Cégnév`,
    "number_of_items_in_cart": `Kosárban lévő tételek száma`,
    "cart_is_empty": `A kosár üres`,
    "cart_updated": `A kosár frissült`,
    "mandatory": `Kötelező!`
};


UNAS.text["delete_from_compare"]= `Törlés összehasonlításból`;
UNAS.text["comparison"]= `Összehasonlítás`;

UNAS.text["delete_from_favourites"]= `Törlés a kedvencek közül`;
UNAS.text["add_to_favourites"]= `Kedvencekhez`;









window.lazySizesConfig=window.lazySizesConfig || {};
window.lazySizesConfig.loadMode=1;
window.lazySizesConfig.loadHidden=false;

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
</script>

<script src="https://www.notoopink.com/!common_packages/jquery/jquery-3.2.1.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/migrate/migrate.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/autocomplete/autocomplete.js?mod_time=1751447087"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/tools/overlay/overlay.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/tools/toolbox/toolbox.expose.js?mod_time=1725518406"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/lazysizes/lazysizes.min.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/lazysizes/plugins/bgset/ls.bgset.min.js?mod_time=1753337301"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/common.js?mod_time=1769410770"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/common_overlay.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/common_shop_popup.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/function_accessibility_focus.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/function_favourites.js?mod_time=1725525526"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/function_compare.js?mod_time=1751447087"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/function_product_print.js?mod_time=1725525526"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_common/exploded/function_accessibility_status.js?mod_time=1764233414"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/hoverintent/hoverintent.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/own/shop_tooltip/shop_tooltip.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_design/base/002400/main.js?mod_time=1764233414"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/flickity/v3/flickity.pkgd.min.js?mod_time=1759905184"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/toastr/toastr.min.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/tippy/popper-2.4.4.min.js?mod_time=1682493234"></script>
<script src="https://www.notoopink.com/!common_packages/jquery/plugins/tippy/tippy-bundle.umd.min.js?mod_time=1682493234"></script>

<link href="https://www.notoopink.com/temp/shop_36463_5b548cbc6b735657c411d1d26ee3979f.css?mod_time=1770542196" rel="stylesheet" type="text/css">

    <link id="favicon-32x32" rel="icon" type="image/png" href="https://www.notoopink.com/!common_design/own/image/favicon_32x32.png" sizes="32x32">
    <link id="favicon-192x192" rel="icon" type="image/png" href="https://www.notoopink.com/!common_design/own/image/favicon_192x192.png" sizes="192x192">
            <link rel="apple-touch-icon" href="https://www.notoopink.com/!common_design/own/image/favicon_32x32.png" sizes="32x32">
        <link rel="apple-touch-icon" href="https://www.notoopink.com/!common_design/own/image/favicon_192x192.png" sizes="192x192">
        <script>
        var google_consent=1;
    
        gtag('consent', 'default', {
           'ad_storage': 'denied',
           'ad_user_data': 'denied',
           'ad_personalization': 'denied',
           'analytics_storage': 'denied',
           'functionality_storage': 'denied',
           'personalization_storage': 'denied',
           'security_storage': 'granted'
        });

    
        gtag('consent', 'update', {
           'ad_storage': 'denied',
           'ad_user_data': 'denied',
           'ad_personalization': 'denied',
           'analytics_storage': 'denied',
           'functionality_storage': 'denied',
           'personalization_storage': 'denied',
           'security_storage': 'granted'
        });

        </script>
    
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" as="style" />
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" media="print" onload="this.media='all'">
        <noscript>
            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" />
        </noscript>
        <link rel="preload" href="https://www.notoopink.com/!common_design/own/fonts/2400/customicons/custom-icons.css" as="style">
        <link rel="stylesheet" href="https://www.notoopink.com/!common_design/own/fonts/2400/customicons/custom-icons.css" media="print" onload="this.media='all'">
        <noscript>
            <link rel="stylesheet" href="https://www.notoopink.com/!common_design/own/fonts/2400/customicons/custom-icons.css" />
        </noscript>
        
        
        
        
        

        
        
        
                        
    
                             <style>
                .carousel-banner_start_big .carousel-cell {
                    padding-top: 44.4444444444%;
                }
                                @media (max-width: 991.98px){
                    .carousel-banner_start_big .carousel-cell {
                        padding-top: 44.3548387097%;
                    }
                }
                                                @media (max-width: 767.98px){
                    .carousel-banner_start_big .carousel-cell {
                        padding-top: 100%;
                    }
                }
                                                @media (max-width: 575.98px){
                    .carousel-banner_start_big .carousel-cell {
                        padding-top: 122.222222222%;
                    }
                }
                            </style>

            
                        
                                                                                            
                                    <link rel="preload"
                          media="(max-width:413.98px)"
                          imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xxsmall.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xxsmall_retina.jpg?time=1766856822 1.8x"
                          href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xxsmall.jpg?time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:414px) and (max-width:439.98px)"
                          imagesrcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDQwfQ%3D%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9zbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF9iaWctMTA4MF8xX3hzbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo4ODB9&time=1766856822 2x"
                          href="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDQwfQ%3D%3D&time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:440px) and (max-width:575.98px)"
                          imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_small.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_small_retina.jpg?time=1766856822 2x"
                          href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_small.jpg?time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:576px) and (max-width:767.98px)"
                          imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_medium.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_medium_retina.jpg?time=1766856822 2x"
                          href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_medium.jpg?time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:768px) and (max-width:991.98px)"
                          imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_large.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfbGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTk4NH0%3D&time=1766856822 2x"
                          href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_large.jpg?time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:992px) and (max-width:1279.98px)"
                          imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xlarge.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI1NjB9&time=1766856822 2x"
                          href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xlarge.jpg?time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                                                                                                
                                    <link rel="preload"
                          media="(min-width:1280px) and (max-width:1479.98px)"
                          imagesrcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV94eGxhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTQ4MH0%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeHhsYXJnZV9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoyOTYwfQ%3D%3D&time=1766856822 2x"
                          href="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV94eGxhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTQ4MH0%3D&time=1766856822"
                          as="image"
                          fetchpriority="high"
                    >
                                                <link rel="preload" media="(min-width: 1480px)" imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default_retina.jpg?time=1766856822 2x"
                href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default.jpg?time=1766856822" as="image" fetchpriority="high"
            >
            
                <style>                                                                                                                                                                                    #banner_start_big_slide_1_text_2 {                     color:#d11887;                                                                                                 }
                                                                                                                                                                                                                                                                                                                                #banner_start_big_slide_2_text_2 {                     color:#d11887;                                                                                                 }
                                                                                                                                                                                                                                                                                                                                #banner_start_big_slide_3_text_2 {                     color:#d11887;                                                                                                 }
                                                                                                                                </style>    
    
    
                          <style>                                                         .banner_start_1__img-outer {
                        max-width: 100%;
                        max-height: 100%;
                        margin: auto;
                    }
                    .banner_start_1__img-wrap {
                        position: relative;
                    }
                    .banner_start_1__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                                    .banner_start_1--slide-1 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-1 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                                                                .banner_start_1--slide-2 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-2 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                                                                .banner_start_1--slide-3 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-3 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                                                                .banner_start_1--slide-4 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-4 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                                                                .banner_start_1--slide-5 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-5 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                                                                .banner_start_1--slide-6 .banner_start_1__img-outer {
                    width: 200px;
                }
                .banner_start_1--slide-6 .banner_start_1__img-wrap {
                    padding-top: 100%;
                }
                                                
                                                        </style>
    
                        
                                                                    
                            <link rel="preload"
                      media="(max-width:413.98px)"
                      imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_xxsmall.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_xxsmall_retina.jpg?time=1766857165 1.8x"
                      href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_xxsmall.jpg?time=1766857165"
                      as="image"
                      fetchpriority="high"
                >
                                                                                                
                                                                                
                                                                                
                                                                                
                                                                                
                                                                                
                    <link rel="preload" media="(min-width: 414px)" imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default_retina.jpg?time=1766857165 2x"
            href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default.jpg?time=1766857165" as="image" fetchpriority="high"
        >
                    
                                                                    
                            <link rel="preload"
                      media="(max-width:413.98px)"
                      imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_xxsmall.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_xxsmall_retina.jpg?time=1766857165 1.8x"
                      href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_xxsmall.jpg?time=1766857165"
                      as="image"
                      fetchpriority="high"
                >
                                                                                                
                                                                                
                                                                                
                                                                                
                                                                                
                                                                                
                    <link rel="preload" media="(min-width: 414px)" imagesrcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default_retina.jpg?time=1766857165 2x"
            href="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default.jpg?time=1766857165" as="image" fetchpriority="high"
        >
    
    
                          <style>                                                         .banner_start_2__slide-inner {
                        margin: 0 auto;
                    }
                    .banner_start_2__img-wrap {
                        position: relative;
                    }
                    .banner_start_2__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                    
                .banner_start_2--slide-1 .banner_start_2__slide-inner {
                    max-width: 1400px;
                }
                .banner_start_2--slide-1 .banner_start_2__img-wrap {
                    padding-top: 20%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_2--slide-1 .banner_start_2__slide-inner {
                            max-width: 992px;
                        }
                        .banner_start_2--slide-1 .banner_start_2__img-wrap {
                            padding-top: 19.9596774194%;
                        }
                    }
                                                    @media (max-width: 767.98px){
                        .banner_start_2--slide-1 .banner_start_2__slide-inner {
                            max-width: 768px;
                        }
                        .banner_start_2--slide-1 .banner_start_2__img-wrap {
                            padding-top: 75%;
                        }
                    }
                                                    @media (max-width: 575.98px){
                        .banner_start_2--slide-1 .banner_start_2__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_2--slide-1 .banner_start_2__img-wrap {
                            padding-top: 141.007194245%;
                        }
                    }
                            
                                                                                                        #banner_start_2_slide_1_text_1 {                     color:#4F2004;                                                                                                 }
                                                                                                                #banner_start_2_slide_1_text_2 {                     color:#AC7E28;                                                                                                 }
                                                        </style>
    
    
                          <style>                                                        .banner_start_3__slide-inner {
                        margin: 0 auto;
                    }
                    .banner_start_3__img-wrap {
                        position: relative;
                    }
                    .banner_start_3__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                    
                .banner_start_3--slide-1 .banner_start_3__slide-inner {
                    max-width: 680px;
                }
                .banner_start_3--slide-1 .banner_start_3__img-wrap {
                    padding-top: 66.4705882353%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_3--slide-1 .banner_start_3__slide-inner {
                            max-width: 992px;
                        }
                        .banner_start_3--slide-1 .banner_start_3__img-wrap {
                            padding-top: 47.4798387097%;
                        }
                    }
                                                                    @media (max-width: 575.98px){
                        .banner_start_3--slide-1 .banner_start_3__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_3--slide-1 .banner_start_3__img-wrap {
                            padding-top: 111.510791367%;
                        }
                    }
                            
                                                                                                                                                                                                                                                                                                                                                                                                                                </style>
    
    
                          <style>                                                         .banner_start_4__slide-inner {
                        margin: 0 auto;
                    }
                    .banner_start_4__img-wrap {
                        position: relative;
                    }
                    .banner_start_4__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                    
                .banner_start_4--slide-1 .banner_start_4__slide-inner {
                    max-width: 320px;
                }
                .banner_start_4--slide-1 .banner_start_4__img-wrap {
                    padding-top: 141.25%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_4--slide-1 .banner_start_4__slide-inner {
                            max-width: 496px;
                        }
                        .banner_start_4--slide-1 .banner_start_4__img-wrap {
                            padding-top: 96.9758064516%;
                        }
                    }
                                                                    @media (max-width: 575.98px){
                        .banner_start_4--slide-1 .banner_start_4__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_4--slide-1 .banner_start_4__img-wrap {
                            padding-top: 111.870503597%;
                        }
                    }
                            
                                                                                            #banner_start_4-1-img-link-btn {
                        color:#ffffff;
                    }
                                                                                    #banner_start_4_slide_1_text_1 {                     color:#ffffff;                                                                                                 }
                                                                                                                                #banner_start_4_slide_1_text_2 {                     color:#ffffff;                                                                                                 }
                                                                                                                                #banner_start_4_slide_1_text_3 {                     color:#ffffff;                                                                                                 }
                                                                                                                                #banner_start_4_slide_1_text_4 {                     color:#ffffff;                                                                                                 }
                                                                                                                                #banner_start_4_slide_1_text_5 {                     color:#ffffff;                                                                                                 }
                                                                                                                                #banner_start_4_slide_1_text_6 {                     color:#ff411b;                    background-color:rgba(255,255,255,1); background:rgba(255,255,255,1);                                                                             }
                                                                                
                .banner_start_4--slide-2 .banner_start_4__slide-inner {
                    max-width: 320px;
                }
                .banner_start_4--slide-2 .banner_start_4__img-wrap {
                    padding-top: 141.25%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_4--slide-2 .banner_start_4__slide-inner {
                            max-width: 496px;
                        }
                        .banner_start_4--slide-2 .banner_start_4__img-wrap {
                            padding-top: 96.9758064516%;
                        }
                    }
                                                                    @media (max-width: 575.98px){
                        .banner_start_4--slide-2 .banner_start_4__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_4--slide-2 .banner_start_4__img-wrap {
                            padding-top: 111.870503597%;
                        }
                    }
                            
                                                                                                                                                                                                                                                                                                                                                                                                                                </style>
    

                          <style>                                                         .banner_start_5__slide-inner {
                        margin: 0 auto;
                    }
                    .banner_start_5__img-wrap {
                        position: relative;
                    }
                    .banner_start_5__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                    
                .banner_start_5--slide-1 .banner_start_5__slide-inner {
                    max-width: 1400px;
                }
                .banner_start_5--slide-1 .banner_start_5__img-wrap {
                    padding-top: 20%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_5--slide-1 .banner_start_5__slide-inner {
                            max-width: 952px;
                        }
                        .banner_start_5--slide-1 .banner_start_5__img-wrap {
                            padding-top: 56.3025210084%;
                        }
                    }
                                                    @media (max-width: 767.98px){
                        .banner_start_5--slide-1 .banner_start_5__slide-inner {
                            max-width: 728px;
                        }
                        .banner_start_5--slide-1 .banner_start_5__img-wrap {
                            padding-top: 75%;
                        }
                    }
                                                    @media (max-width: 575.98px){
                        .banner_start_5--slide-1 .banner_start_5__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_5--slide-1 .banner_start_5__img-wrap {
                            padding-top: 111.510791367%;
                        }
                    }
                            
                                                                                                                                                                                                                                                                                                                                                                </style>
    
    
                          <style>                                                         .banner_start_6__slide-inner {
                        margin: 0 auto;
                    }
                    .banner_start_6__img-wrap {
                        position: relative;
                    }
                    .banner_start_6__img-wrap img {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                                    
                .banner_start_6--slide-1 .banner_start_6__slide-inner {
                    max-width: 680px;
                }
                .banner_start_6--slide-1 .banner_start_6__img-wrap {
                    padding-top: 70.5882352941%;
                }
                                    @media (max-width: 991.98px) {
                        .banner_start_6--slide-1 .banner_start_6__slide-inner {
                            max-width: 992px;
                        }
                        .banner_start_6--slide-1 .banner_start_6__img-wrap {
                            padding-top: 56.25%;
                        }
                    }
                                                                    @media (max-width: 575.98px){
                        .banner_start_6--slide-1 .banner_start_6__slide-inner {
                            max-width: 556px;
                        }
                        .banner_start_6--slide-1 .banner_start_6__img-wrap {
                            padding-top: 75.1798561151%;
                        }
                    }
                            
                                                        
                                                </style>
    
    
            
                <style>                                    .start_brand_slider-1{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                                                    @media (max-width:575.98px){.start_brand_slider-1{width:1000px;height:483px;}}
                                                                .start_brand_slider-2{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-2{width:1422px;height:800px;}}
                                                    @media (max-width:767.98px){.start_brand_slider-2{width:711px;height:400px;}}
                                                                                .start_brand_slider-3{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-3{width:859px;height:407px;}}
                                                                                                .start_brand_slider-4{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-4{width:500px;height:300px;}}
                                                                                                .start_brand_slider-5{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-5{width:700px;height:394px;}}
                                                                                                .start_brand_slider-6{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-6{width:1422px;height:800px;}}
                                                    @media (max-width:767.98px){.start_brand_slider-6{width:711px;height:400px;}}
                                                                                .start_brand_slider-7{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                    @media (max-width:991.98px){.start_brand_slider-7{width:1280px;height:1280px;}}
                                                                                                .start_brand_slider-8{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                                                                                .start_brand_slider-9{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                                                                                .start_brand_slider-10{
                    width:180px;
                    height:80px;
                    margin-right: 60px;
                }
                                                                        </style>
    
    

            
        
    </head>


                
                
    
    
    
    
    
    
    
    
    
    
                     
    
    
    
    
    <body class='design_ver4 design_subver1 design_subver2 design_subver3' id="ud_shop_start">
    
    <div id="image_to_cart" style="display:none; position:absolute; z-index:100000;"></div>
<div class="overlay_common overlay_warning" id="overlay_cart_add"></div>
<script>$(document).ready(function(){ overlay_init("cart_add",{"onBeforeLoad":false}); });</script>
<div class="overlay_common overlay_error" id="overlay_test">
<div class="overlay__title-wrap">
    <div class="overlay-icon overlay-info__icon icon--info text-info"></div>
    <div class="overlay-icon overlay-ok__icon icon--check text-success"></div>
    <div class="overlay-icon overlay-error__icon icon--ban text-danger"></div>
    <div class="overlay-icon overlay-warning__icon icon--exclamation text-warning"></div>
    <div class="overlay-icon overlay-dialog__icon icon--question2 text-info"></div>
    <div class="overlay_title">FIGYELEM! Ez egy teszt oldal!</div>
</div>

<div class="overlay_text text_disp">A teszt időszak véget ért, az oldal csak megrendelés után lesz újra elérhető!</div>










</div>
<script>$(document).ready(function(){ overlay_init("test",{"load":true,"closeOnEsc":false}); });</script>
<script>exitpopup_allow=0;</script><div id="overlay_login_outer"></div>	
	<script>
	$(document).ready(function(){
	    var login_redir_init="";

		$("#overlay_login_outer").overlay({
			onBeforeLoad: function() {
                var login_redir_temp=login_redir_init;
                if (login_redir_act!="") {
                    login_redir_temp=login_redir_act;
                    login_redir_act="";
                }

									$.ajax({
						type: "GET",
						async: true,
						url: "https://www.notoopink.com/shop_ajax/ajax_popup_login.php",
						data: {
							shop_id:"36463",
							lang_master:"hu",
                            login_redir:login_redir_temp,
							explicit:"ok",
							get_ajax:"1"
						},
						success: function(data){
							$("#overlay_login_outer").html(data);
							if (unas_design_ver >= 5) $("#overlay_login_outer").modal('show');
							$('#overlay_login1 input[name=shop_pass_login]').keypress(function(e) {
								var code = e.keyCode ? e.keyCode : e.which;
								if(code.toString() == 13) {		
									document.form_login_overlay.submit();		
								}	
							});	
						}
					});
								},
			top: 50,
			mask: {
	color: "#000000",
	loadSpeed: 200,
	maskId: "exposeMaskOverlay",
	opacity: 0.7
},
			closeOnClick: (config_plus['overlay_close_on_click_forced'] === 1),
			onClose: function(event, overlayIndex) {
				$("#login_redir").val("");
			},
			load: false
		});
		
			});
	function overlay_login() {
		$(document).ready(function(){
			$("#overlay_login_outer").overlay().load();
		});
	}
	function overlay_login_remind() {
        if (unas_design_ver >= 5) {
            $("#overlay_remind").overlay().load();
        } else {
            $(document).ready(function () {
                $("#overlay_login_outer").overlay().close();
                setTimeout('$("#overlay_remind").overlay().load();', 250);
            });
        }
	}

    var login_redir_act="";
    function overlay_login_redir(redir) {
        login_redir_act=redir;
        $("#overlay_login_outer").overlay().load();
    }
	</script>  
	<div class="overlay_common overlay_info" id="overlay_remind"></div>
<script>$(document).ready(function(){ overlay_init("remind",[]); });</script>

	<script>
    	function overlay_login_error_remind() {
		$(document).ready(function(){
			load_login=0;
			$("#overlay_error").overlay().close();
			setTimeout('$("#overlay_remind").overlay().load();', 250);	
		});
	}
	</script>  
	<div class="overlay_common overlay_info" id="overlay_newsletter"></div>
<script>$(document).ready(function(){ overlay_init("newsletter",[]); });</script>

<script>
function overlay_newsletter() {
    $(document).ready(function(){
        $("#overlay_newsletter").overlay().load();
    });
}
</script>
<div class="overlay_common overlay_error" id="overlay_script"></div>
<script>$(document).ready(function(){ overlay_init("script",[]); });</script>
    <script>
    $(document).ready(function() {
        $.ajax({
            type: "GET",
            url: "https://www.notoopink.com/shop_ajax/ajax_stat.php",
            data: {master_shop_id:"36463",get_ajax:"1"}
        });
    });
    </script>
    

    
    <div id="container" class="page_shop_start readmore-v2
 filter-not-exists filter-box-in-dropdown nav-position-bottom header-will-fixed fixed-cart-on-artdet has-banner-start-big">
                        <div class="js-element nanobar js-nanobar" data-element-name="header_text_section_1" role="region" aria-label="nanobar">
        <div class="container">
            <div class="header_text_section_1 nanobar__inner">
                                    <p>Üdvözöljük önöket a NoToopink weboldalán!</p>
                                <button type="button" class="btn btn-close nanobar__btn-close" onclick="closeNanobar(this,'header_text_section_1_hide','session','--nanobar-height');" aria-label="Bezár" title="Bezár"></button>
            </div>
        </div>
    </div>
    <script>
        window.addEventListener("DOMContentLoaded", function() {
            root.style.setProperty('--nanobar-height', getHeight($(".js-nanobar")) + "px");
        });
    </script>
    
                        <header class="header header--mobile py-3 px-4 d-flex justify-content-center d-sm-none position-relative has-tel">
                <div id="header_logo_img2" class="js-element header_logo logo" data-element-name="header_logo">
        <div class="header_logo-img-container">
            <div class="header_logo-img-wrapper">
                                                <a class="has-img" href="https://www.notoopink.com">                    <picture>
                                                <source width="200" height="40" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_small.png?time=1766857333 200w" sizes="200px"/>
                                                <source srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_default.png?time=1766857333 1x" />
                        <img                              src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_default.png?time=1766857333"                             
                             alt="notoopink.com logo                        "/>
                    </picture>
                    </a>                                        </div>
        </div>
    </div>

                        <div class="js-element header_text_section_2 d-sm-none" data-element-name="header_text_section_2">
            <div class="header_text_section_2-slide slide-1"><p>Kérdése van? <a href='tel:+36304277636'>+36304277636</a></p></div>
    </div>

        
        </header>
        <header id="header--desktop" class="header header--desktop d-none d-sm-block js-header js-header-fixed">
            <div class="header-inner js-header-inner">
                <div class="header__top">
                    <div class="container">
                        <div class="header__top-inner">
                            <div class="row no-gutters gutters-md-10 justify-content-center align-items-center">
                                <div class="header__top-left col col-xl-auto">
                                    <div class="header__left-inner d-flex align-items-center">
                                                                                <div class="nav-link--products-placeholder-on-fixed-header burger btn">
                                            <span class="burger__lines">
                                                <span class="burger__line"></span>
                                                <span class="burger__line"></span>
                                                <span class="burger__line"></span>
                                            </span>
                                            <span class="burger__text dropdown__btn-text">
                                                Kategóriák
                                            </span>
                                        </div>
                                        <button type="button" class="hamburger-box__dropdown-btn burger btn dropdown__btn d-lg-none" id="hamburger-box__dropdown-btn2"
                                                aria-label="Kategóriák" aria-haspopup="dialog" aria-expanded="false" aria-controls="hamburger-box__dropdown"
                                                data-btn-for="#hamburger-box__dropdown"
                                        >
                                            <span class="burger__lines">
                                              <span class="burger__line"></span>
                                              <span class="burger__line"></span>
                                              <span class="burger__line"></span>
                                            </span>
                                            <span class="burger__text dropdown__btn-text">
                                              Kategóriák
                                            </span>
                                        </button>
                                                                                    <div id="header_logo_img" class="js-element header_logo logo" data-element-name="header_logo">
        <div class="header_logo-img-container">
            <div class="header_logo-img-wrapper">
                                                <a class="has-img" href="https://www.notoopink.com">                    <picture>
                                                <source width="200" height="40" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_small.png?time=1766857333 200w" sizes="200px"/>
                                                <source srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_default.png?time=1766857333 1x" />
                        <img                              src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_header_logo-400x120_1_default.png?time=1766857333"                             
                             alt="notoopink.com logo                        "/>
                    </picture>
                    </a>                                        </div>
        </div>
    </div>

                                        <div class="js-element header_text_section_2" data-element-name="header_text_section_2">
            <div class="header_text_section_2-slide slide-1"><p>Kérdése van? <a href='tel:+36304277636'>+36304277636</a></p></div>
    </div>

                                    </div>
                                </div>
                                <div class="header__top-right col-auto col-xl d-flex justify-content-end align-items-center">
                                    <button class="search-box__dropdown-btn btn dropdown__btn d-xl-none" id="#search-box__dropdown-btn2"
                                            aria-label="Keresés" aria-haspopup="dialog" aria-expanded="false" aria-controls="search-box__dropdown2"
                                            type="button" data-btn-for="#search-box__dropdown2"
                                    >
                                        <span class="search-box__dropdown-btn-icon dropdown__btn-icon icon--search"></span>
                                        <span class="search-box__text dropdown__btn-text">Keresés</span>
                                    </button>
                                    <div class="search-box__dropdown dropdown__content dropdown__content-till-lg" id="search-box__dropdown2" data-content-for="#search-box__dropdown-btn2" data-content-direction="full">
                                        <span class="dropdown__caret"></span>
                                        <button class="dropdown__btn-close search-box__dropdown__btn-close btn btn-close" type="button" aria-label="Bezár"></button>
                                        <div class="dropdown__content-inner search-box__inner position-relative js-search browser-is-unknown"
     id="box_search_content2">
    <form name="form_include_search2" id="form_include_search2" action="https://www.notoopink.com/shop_search.php" method="get">
    <div class="search-box__form-inner d-flex flex-column">
        <div class="form-group box-search-group mb-0 js-search-smart-insert-after-here">
            <input data-stay-visible-breakpoint="1280" id="box_search_input2" class="search-box__input ac_input js-search-input form-control"
                   name="search" pattern=".{3,100}" aria-label="Keresés" title="Hosszabb kereső kifejezést írjon be!"
                   placeholder="Keresés" type="search" maxlength="100" autocomplete="off" required                   role="combobox" aria-autocomplete="list" aria-expanded="false"
                                      aria-controls="autocomplete-categories autocomplete-products"
                               >
            <div class="search-box__search-btn-outer input-group-append" title="Keresés">
                <button class="btn search-box__search-btn" aria-label="Keresés">
                    <span class="search-box__search-btn-icon icon--search"></span>
                </button>
            </div>
            <div class="search__loading">
                <div class="loading-spinner--small"></div>
            </div>
        </div>
        <div class="ac_results2">
            <span class="ac_result__caret"></span>
        </div>
    </div>
    </form>
</div>

                                    </div>
                                                                        <div class="lang-and-money__wrapper align-self-center d-none d-lg-flex">
                                                        <div class="lang-box-desktop flex-shrink-0">
        <div class="lang-select-group form-group form-select-group form-select-group-sm mb-0">
            <select class="form-control form-control-sm border-0 lang-select" aria-label="Nyelv váltás" name="change_lang" id="box_lang_select_desktop" onchange="location.href='https://www.notoopink.com'+this.value">
                                <option value="/?feed=rss2" selected="selected">HU</option>
                                <option value="/us/?feed=rss2">US</option>
                            </select>
        </div>
    </div>
    
    
        <div class="currency-box-mobile">
    <form action="https://www.notoopink.com/shop_moneychange.php" name="form_moneychange" method="post"><input name="file_back" type="hidden" value="/?feed=rss2">
    <div class="currency-select-group form-group form-select-group form-select-group-sm mb-0">
        <select class="form-control form-control-sm border-0 money-select" aria-label="Pénznem váltás" name="session_money_select" id="session_money_select" onchange="document.form_moneychange.submit();">
            <option value="-1" selected="selected">Ft (HUF)</option>
                        <option value="0">EUR</option>
                        <option value="1">RON</option>
                    </select>
    </div>
    </form>
</div>


    
                                    </div>
                                    <button class="lang-and-money__dropdown-btn btn dropdown__btn d-lg-none"
                                            aria-label="Nyelv és pénznem váltás" aria-haspopup="dialog" aria-expanded="false" aria-controls="lang-and-money__dropdown"
                                            type="button" data-btn-for="#lang-and-money__dropdown"
                                    >
                                        <span class="lang-and-money__dropdown-btn-icon dropdown__btn-icon icon--globe"></span>
                                    </button>
                                                                                <button class="profile__dropdown-btn js-profile-btn btn dropdown__btn" id="profile__dropdown-btn2" type="button"
            data-orders="https://www.notoopink.com/shop_order_track.php" data-btn-for="#profile__dropdown"
            aria-label="Profil" aria-haspopup="dialog" aria-expanded="false" aria-controls="profile__dropdown"
    >
        <span class="profile__dropdown-btn-icon dropdown__btn-icon icon--user"></span>
        <span class="profile__text dropdown__btn-text">Profil</span>
            </button>
    
    
                                    <button id="cart-box__fly-to-desktop" class="cart-box__dropdown-btn btn dropdown__btn js-cart-box-loaded-by-ajax"
                                            aria-label="Kosár megtekintése" aria-describedby="box_cart_content" aria-haspopup="dialog" aria-expanded="false" aria-controls="cart-box__dropdown"
                                            type="button" data-btn-for="#cart-box__dropdown"                                    >
                                        <span class="cart-box__dropdown-btn-icon dropdown__btn-icon icon--cart"></span>
                                        <span class="cart-box__text dropdown__btn-text">Kosár</span>
                                        <span class="bubble cart-box__bubble">-</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="header__bottom">
                    <div class="container">
                        <nav class="navbar d-none d-lg-flex navbar-expand navbar-light align-items-stretch">
                                                        <ul id="nav--cat" class="nav nav--cat js-navbar-nav">
                                <li class="nav-item dropdown nav--main nav-item--products show always-opened">
                                    <a class="nav-link nav-link--products burger d-lg-flex" href="#" onclick="event.preventDefault();" role="button" data-text="Kategóriák" data-toggle="dropdown"
                                       aria-label="Kategóriák" aria-haspopup="dialog" aria-controls="dropdown-cat"
                                        aria-expanded="true"                                    >
                                        <span class="burger__lines">
                                            <span class="burger__line"></span>
                                            <span class="burger__line"></span>
                                            <span class="burger__line"></span>
                                        </span>
                                        <span class="burger__text dropdown__btn-text">
                                            Kategóriák
                                        </span>
                                    </a>
                                    <div id="dropdown-cat" class="dropdown-menu d-none d-block clearfix dropdown--cat with-auto-breaking-megasubmenu dropdown--level-0 show">
                                                    <ul class="nav-list--0" aria-label="Kategóriák">
            <li id="nav-item-akcio" class="nav-item spec-item js-nav-item-akcio">
                        <a class="nav-link"
               aria-label="Akciók kategória"
                href="https://www.notoopink.com/shop_artspec.php?artspec=1"            >
                                            <span class="nav-link__text">
                    Akciók                </span>
            </a>
                    </li>
            <li id="nav-item-100001" class="nav-item dropdown js-nav-item-100001">
                        <a class="nav-link"
               aria-label="Parfümök kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('100001','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100001&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Parfümök                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-100003" class="nav-item dropdown js-nav-item-100003">
                        <a class="nav-link"
               aria-label="Smink kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('100003','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100003&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Smink                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-917723" class="nav-item dropdown js-nav-item-917723">
                        <a class="nav-link"
               aria-label="Arc kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('917723','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=917723&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Arc                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-285667" class="nav-item dropdown js-nav-item-285667">
                        <a class="nav-link"
               aria-label="Test kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('285667','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=285667&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Test                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-654463" class="nav-item dropdown js-nav-item-654463">
                        <a class="nav-link"
               aria-label="Lábápolás kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('654463','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=654463&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Lábápolás                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-903587" class="nav-item dropdown js-nav-item-903587">
                        <a class="nav-link"
               aria-label="Napvédelem kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('903587','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=903587&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Napvédelem                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-199155" class="nav-item dropdown js-nav-item-199155">
                        <a class="nav-link"
               aria-label="Intimitás kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('199155','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=199155&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Intimitás                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-399788" class="nav-item dropdown js-nav-item-399788">
                        <a class="nav-link"
               aria-label="Körömápolás kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('399788','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=399788&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Körömápolás                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-379726" class="nav-item dropdown js-nav-item-379726">
                        <a class="nav-link"
               aria-label="Baba és gyermek kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('379726','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=379726&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Baba és gyermek                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-100004" class="nav-item dropdown js-nav-item-100004">
                        <a class="nav-link"
               aria-label="Haj kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('100004','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100004&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Haj                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-832680" class="nav-item dropdown js-nav-item-832680">
                        <a class="nav-link"
               aria-label="Ékszerek kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('832680','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=832680&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Ékszerek                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-100006" class="nav-item dropdown js-nav-item-100006">
                        <a class="nav-link"
               aria-label="Bőrgyógyászati ​​bőrápolás kategória"
                href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="handleSub('100006','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100006&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=desktop&box_var_layout_level0=0&box_var_layout_level1=1&box_var_layout=2&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');return false;"            >
                                            <span class="nav-link__text">
                    Bőrgyógyászati ​​bőrápolás                </span>
            </a>
                        <div class="megasubmenu dropdown-menu">
                <div class="megasubmenu__sticky-content">
                    <div class="loading-spinner"></div>
                </div>
                            </div>
                    </li>
            <li id="nav-item-751343" class="nav-item js-nav-item-751343">
                        <a class="nav-link"
               aria-label="Dezodorok és izzadstággátlók kategória"
                href="https://www.notoopink.com/Dezodorok-es-izzadstaggatlok"            >
                                            <span class="nav-link__text">
                    Dezodorok és izzadstággátlók                </span>
            </a>
                    </li>
            <li id="nav-item-910908" class="nav-item js-nav-item-910908">
                        <a class="nav-link"
               aria-label="Borotválkozás után kategória"
                href="https://www.notoopink.com/Borotvalkozas-utan"            >
                                            <span class="nav-link__text">
                    Borotválkozás után                </span>
            </a>
                    </li>
        </ul>

    
                                    </div>
                                </li>
                            </ul>
                                                                                </nav>
                        <script>
    let addOverflowHidden = function() {
        $('.hamburger-box__dropdown-inner').addClass('overflow-hidden');
    }
    function scrollToBreadcrumb() {
        scrollToElement({ element: '.nav-list-breadcrumb', offset: getVisibleDistanceTillHeaderBottom(), scrollIn: '.hamburger-box__dropdown-inner', container: '.hamburger-box__dropdown-inner', duration: 0, callback: addOverflowHidden });
    }

    function setHamburgerBoxHeight(height) {
        $('.hamburger-box__dropdown').css('height', height + 80);
    }

    let mobileMenuScrollData = [];

    function handleSub2(thisOpenBtn, id, ajaxUrl) {
        let navItem = $('#nav-item-'+id+'--m');
        let openBtn = $(thisOpenBtn);
        let $thisScrollableNavList = navItem.closest('.nav-list-mobile');
        let thisNavListLevel = $thisScrollableNavList.data("level");

        if ( thisNavListLevel == 0 ) {
            $thisScrollableNavList = navItem.closest('.hamburger-box__dropdown-inner');
        }
        mobileMenuScrollData["level_" + thisNavListLevel + "_position"] = $thisScrollableNavList.scrollTop();
        mobileMenuScrollData["level_" + thisNavListLevel + "_element"] = $thisScrollableNavList;

        if (!navItem.hasClass('ajax-loading')) {
            if (catSubOpen2(openBtn, navItem)) {
                if (ajaxUrl) {
                    if (!navItem.hasClass('ajax-loaded')) {
                        catSubLoad2(navItem, ajaxUrl);
                    } else {
                        scrollToBreadcrumb();
                    }
                } else {
                    scrollToBreadcrumb();
                }
            }
        }
    }
    function catSubOpen2(openBtn,navItem) {
        let thisSubMenu = navItem.find('.nav-list-menu--sub').first();
        let thisParentMenu = navItem.closest('.nav-list-menu');
        thisParentMenu.addClass('hidden');

        if (navItem.hasClass('show')) {
            openBtn.attr('aria-expanded','false');
            navItem.removeClass('show');
            thisSubMenu.removeClass('show');
        } else {
            openBtn.attr('aria-expanded','true');
            navItem.addClass('show');
            thisSubMenu.addClass('show');
            if (window.matchMedia('(min-width: 576px) and (max-width: 1259.8px )').matches) {
                let thisSubMenuHeight = thisSubMenu.outerHeight();
                if (thisSubMenuHeight > 0) {
                    setHamburgerBoxHeight(thisSubMenuHeight);
                }
            }
        }
        return true;
    }
    function catSubLoad2(navItem, ajaxUrl){
        let thisSubMenu = $('.nav-list-menu--sub', navItem);
        $.ajax({
            type: 'GET',
            url: ajaxUrl,
            beforeSend: function(){
                navItem.addClass('ajax-loading');
                setTimeout(function (){
                    if (!navItem.hasClass('ajax-loaded')) {
                        navItem.addClass('ajax-loader');
                        thisSubMenu.addClass('loading');
                    }
                }, 150);
            },
            success:function(data){
                thisSubMenu.html(data);
                $(document).trigger("ajaxCatSubLoaded");

                let thisParentMenu = navItem.closest('.nav-list-menu');
                let thisParentBreadcrumb = thisParentMenu.find('> .nav-list-breadcrumb');

                /* ha már van a szülőnek breadcrumbja, akkor azt hozzáfűzzük a gyerekhez betöltéskor */
                if (thisParentBreadcrumb.length > 0) {
                    let thisParentLink = thisParentBreadcrumb.find('.nav-list-parent-link').clone();
                    let thisSubMenuParentLink = thisSubMenu.find('.nav-list-parent-link');
                    thisParentLink.insertBefore(thisSubMenuParentLink);
                }

                navItem.removeClass('ajax-loading ajax-loader').addClass('ajax-loaded');
                thisSubMenu.removeClass('loading');
                if (window.matchMedia('(min-width: 576px) and (max-width: 1259.8px )').matches) {
                    let thisSubMenuHeight = thisSubMenu.outerHeight();
                    setHamburgerBoxHeight(thisSubMenuHeight);
                }
                scrollToBreadcrumb();
            }
        });
    }
    function catBack(thisBtn) {
        let thisCatLevel = $(thisBtn).closest('.nav-list-menu--sub');
        let thisParentItem = $(thisBtn).closest('.nav-item.show');
        let thisParentMenu = thisParentItem.closest('.nav-list-menu');

        if ( $(thisBtn).data("belongs-to-level") == 0 ) {
            mobileMenuScrollData["level_0_element"].animate({ scrollTop: mobileMenuScrollData["level_0_position"] }, 0, function() {});
        }

        if (window.matchMedia('(min-width: 576px) and (max-width: 1259.8px )').matches) {
            let thisParentMenuHeight = 0;
            if ( thisParentItem.parent('ul').hasClass('nav-list-mobile--0') ) {
                let sumHeight = 0;
                $( thisParentItem.closest('.hamburger-box__dropdown-nav-lists-wrapper').children() ).each(function() {
                    sumHeight+= $(this).outerHeight(true);
                });
                thisParentMenuHeight = sumHeight;
            } else {
                thisParentMenuHeight = thisParentMenu.outerHeight();
            }
            setHamburgerBoxHeight(thisParentMenuHeight);
        }
        if ( thisParentItem.parent('ul').hasClass('nav-list-mobile--0') ) {
            $('.hamburger-box__dropdown-inner').removeClass('overflow-hidden');
        }
        thisParentMenu.removeClass('hidden');
        thisCatLevel.removeClass('show');
        thisParentItem.removeClass('show');
        thisParentItem.find('.nav-button').attr('aria-expanded','false');
        return true;
    }

    function handleSub($id, $ajaxUrl) {
        let $navItem = $('#nav-item-'+$id);

        if (!$navItem.hasClass('ajax-loading')) {
            if (catSubOpen($navItem)) {
                if (!$navItem.hasClass('ajax-loaded')) {
                    catSubLoad($id, $ajaxUrl);
                }
            }
        }
    }

    function catSubOpen($navItem) {
        handleCloseDropdowns();
        let thisNavLink = $navItem.find('> .nav-link');
        let thisNavItem = thisNavLink.parent();
        let thisNavbarNav = $('.js-navbar-nav');
        let thisDropdownMenu = thisNavItem.find('.dropdown-menu').first();

        /*remove is-opened class form the rest menus (cat+plus)*/
        thisNavbarNav.find('.show').not(thisNavItem).not('.nav-item--products').not('.dropdown--cat').removeClass('show');

        /* check handler exists */
        let existingHandler = thisNavItem.data('keydownHandler');

        /* is has, off it */
        if (existingHandler) {
            thisNavItem.off('keydown', existingHandler);
        }

        const focusExitHandler = function(e) {
            if (e.key === "Escape") {
                handleCloseDropdownCat(false,{
                    reason: 'escape',
                    element: thisNavItem,
                    handler: focusExitHandler
                });
            }
        }

        if (thisNavItem.hasClass('show')) {
            thisNavLink.attr('aria-expanded','false');
            thisNavItem.removeClass('show');
            thisDropdownMenu.removeClass('show');
            $('html').removeClass('cat-megasubmenu-opened');
            $('#dropdown-cat').removeClass('has-opened');

            thisNavItem.off('keydown', focusExitHandler);
        } else {
            thisNavLink.attr('aria-expanded','true');
            thisNavItem.addClass('show');
            thisDropdownMenu.addClass('show');
            $('#dropdown-cat').addClass('has-opened');
            $('html').addClass('cat-megasubmenu-opened');

            thisNavItem.on('keydown', focusExitHandler);
            thisNavItem.data('keydownHandler', focusExitHandler);
        }
        return true;
    }
    function catSubLoad($id, $ajaxUrl){
        const $navItem = $('#nav-item-'+$id);
        const $thisMegasubmenu = $(".megasubmenu", $navItem);
        const parentDropdownMenuHeight = $navItem.closest('.dropdown-menu').outerHeight();
        const $thisMegasubmenuStickyContent = $(".megasubmenu__sticky-content", $thisMegasubmenu);
        $thisMegasubmenuStickyContent.css('height', parentDropdownMenuHeight);

        $.ajax({
            type: 'GET',
            url: $ajaxUrl,
            beforeSend: function(){
                $navItem.addClass('ajax-loading');
                setTimeout(function (){
                    if (!$navItem.hasClass('ajax-loaded')) {
                        $navItem.addClass('ajax-loader');
                    }
                }, 150);
            },
            success:function(data){
                $thisMegasubmenuStickyContent.html(data);
                const $thisScrollContainer = $thisMegasubmenu.find('.megasubmenu__cats-col').first();

                $thisScrollContainer.on('wheel', function(e){
                    e.preventDefault();
                    $(this).scrollLeft($(this).scrollLeft() + e.originalEvent.deltaY);
                });

                $navItem.removeClass('ajax-loading ajax-loader').addClass('ajax-loaded');
                $(document).trigger("ajaxCatSubLoaded");
            }
        });
    }

    $(document).ready(function () {
        $('.nav--menu .dropdown').on('focusout',function(event) {
            let dropdown = this.querySelector('.dropdown-menu');

                        const toElement = event.relatedTarget;

                        if (!dropdown.contains(toElement)) {
                dropdown.parentElement.classList.remove('show');
                dropdown.classList.remove('show');
            }
                        if (!event.target.closest('.dropdown.nav--main').contains(toElement)) {
                handleCloseMenuDropdowns();
            }
        });
         /* KATTINTÁS */

        /* CAT and PLUS menu */
        $('.nav-item.dropdown.nav--main').on('click', '> .nav-link', function(e) {
            e.preventDefault();
            handleCloseDropdowns();

            let thisNavLink = $(this);
            let thisNavLinkLeft = thisNavLink.offset().left;
            let thisNavItem = thisNavLink.parent();
            let thisDropdownMenu = thisNavItem.find('.dropdown-menu').first();
            let thisNavbarNav = $('.js-navbar-nav');

            /* close dropdowns which is not "dropdown cat" always opened */
            thisNavbarNav.find('.show').not('.always-opened').not(thisNavItem).not('.dropdown--cat').removeClass('show');

            /* close cat dropdowns when click not to this link */
            if (!thisNavLink.hasClass('nav-link--products')) {
                handleCloseDropdownCat();
            }

            /* check handler exists */
            let existingHandler = thisNavItem.data('keydownHandler');

            /* is has, off it */
            if (existingHandler) {
                thisNavItem.off('keydown', existingHandler);
            }

            const focusExitHandler = function(e) {
                if (e.key === "Escape") {
                    handleCloseDropdownCat(false,{
                        reason: 'escape',
                        element: thisNavItem,
                        handler: focusExitHandler
                    });
                    handleCloseMenuDropdowns({
                        reason: 'escape',
                        element: thisNavItem,
                        handler: focusExitHandler
                    });
                }
            }

            if (thisNavItem.hasClass('show')) {
                if (thisNavLink.hasClass('nav-link--products') && thisNavItem.hasClass('always-opened')) {
                    $('html').toggleClass('products-dropdown-opened');
                    thisNavItem.toggleClass('force-show');
                    thisNavItem.on('keydown', focusExitHandler);
                    thisNavItem.data('keydownHandler', focusExitHandler);
                }
                if (thisNavLink.hasClass('nav-link--products') && !thisNavItem.hasClass('always-opened')) {
                    $('html').removeClass('products-dropdown-opened cat-megasubmenu-opened');
                    $('#dropdown-cat').removeClass('has-opened');
                    thisNavItem.off('keydown', focusExitHandler);
                }
                if (!thisNavItem.hasClass('always-opened')) {
                    thisNavLink.attr('aria-expanded', 'false');
                    thisNavItem.removeClass('show');
                    thisDropdownMenu.removeClass('show');
                    thisNavItem.off('keydown', focusExitHandler);
                }
            } else {
                if ($headerHeight) {
                    if ( thisNavLink.closest('.nav--menu').length > 0) {
                        thisDropdownMenu.css({
                            top: getVisibleDistanceTillHeaderBottom() + 'px',
                            left: thisNavLinkLeft + 'px'
                        });
                    }
                }
                if (thisNavLink.hasClass('nav-link--products')) {
                    $('html').addClass('products-dropdown-opened');
                }
                thisNavLink.attr('aria-expanded','true');
                thisNavItem.addClass('show');
                thisDropdownMenu.addClass('show');
                thisNavItem.on('keydown', focusExitHandler);
                thisNavItem.data('keydownHandler', focusExitHandler);
            }
        });

        /** PLUS MENU SUB **/
        $('.nav-item.dropdown > .dropdown-item').click(function (e) {
            e.preventDefault();
            handleCloseDropdowns();

            let thisNavLink = $(this);
            let thisNavItem = thisNavLink.parent();
            let thisDropdownMenu = thisNavItem.find('.dropdown-menu').first();

            if (thisNavItem.hasClass('show')) {
                thisNavLink.attr('aria-expanded','false');
                thisNavItem.removeClass('show');
                thisDropdownMenu.removeClass('show');
            } else {
                thisNavLink.attr('aria-expanded','true');
                thisNavItem.addClass('show');
                thisDropdownMenu.addClass('show');
            }
        });
            });
</script>                    </div>
                </div>
                            </div>
        </header>
        
                            
    
        
                                <div class="filter-dropdown dropdown__content" id="filter-dropdown" data-content-for="#filter-box__dropdown-btn" data-content-direction="left">
                <button class="dropdown__btn-close filter-dropdown__btn-close btn btn-close" type="button" aria-label="Bezár" data-text="bezár"></button>
                <div class="dropdown__content-inner filter-dropdown__inner">
                            
    
                </div>
            </div>
                    
        <main class="main">
        <div class="banner_start_big__wrapper js-slideshow start-block-small">
        <div class="container px-0 px-md-4">
            <div class="slideshow-container d-flex">
                <div class="slideshow-sidebar d-none d-lg-block"></div>
                <div class="slideshow-wrapper flex-grow-1 align-self-center">    <div class="js-element banner_start_big slideshow" data-element-name="banner_start_big"
            >
        <div class="banner_start_big__container carousel__container js-carousel-block">
            <div class="carousel-banner_start_big carousel has-dots" tabindex="0">
                                <div class="carousel-cell" role="group" aria-label="Slide 1 of 3">
                                                                    <picture>
                                                        
                                                                                                                                                                                                                                                            
                                                                    <source width="414" height="506"
                                          media="(max-width:413.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xxsmall.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xxsmall_retina.jpg?time=1766856822 1.8x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="440" height="538"
                                          media="(min-width:414px) and (max-width:439.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDQwfQ%3D%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9zbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF9iaWctMTA4MF8xX3hzbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo4ODB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="576" height="704"
                                          media="(min-width:440px) and (max-width:575.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_small.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_small_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="768" height="768"
                                          media="(min-width:576px) and (max-width:767.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_medium.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_medium_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="992" height="440"
                                          media="(min-width:768px) and (max-width:991.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_large.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfbGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTk4NH0%3D&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1080" height="480"
                                          media="(min-width:992px) and (max-width:1279.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_xlarge.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI1NjB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1480" height="658"
                                          media="(min-width:1280px) and (max-width:1479.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV94eGxhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTQ4MH0%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMV9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzFfeHhsYXJnZV9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoyOTYwfQ%3D%3D&time=1766856822 2x"
                                    >
                                                                                                <source media="(min-width: 1480px)" width="1080" height="480" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default_retina.jpg?time=1766856822 2x">
                            <img class="lazy-img banner_start_big1" decoding="async" fetchpriority="high" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_1_default.jpg?time=1766856822" alt="notoopink">
                        </picture>
                                                                                    <div class="carousel-cell-texts texts--layer" id="banner_start_big-text-layer-1">
                        <div class="texts__container">
                            
                                                                                            <div class="carousel-cell-text text text--big" id="banner_start_big_slide_1_text_1">
                                                                            ARCÁPOLÁSI TERMÉKEK AZ ÖN BŐRÉNEK
                                                                    </div>
                                                                                                                            <div class="carousel-cell-text text text--medium" id="banner_start_big_slide_1_text_2">
                                                                            Ismert világmárkák, minőségi termékek
                                                                    </div>
                                                                                                                                                                        <a class="carousel-cell-text btn btn-primary btn-lg text--button" id="banner_start_big_slide_1_text_3" href="https://www.notoopink.com/sct/0/" >Kattincson</a>
                                                                                                                        </div>
                    </div>
                                    </div>
                                <div class="carousel-cell" role="group" aria-label="Slide 2 of 3">
                                                                    <picture>
                                                        
                                                                                                                                                                                                                                                            
                                                                    <source width="414" height="506"
                                          media="(max-width:413.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzJfeHhzbWFsbC5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjQxNH0%3D&time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_xxsmall_retina.jpg?time=1766856822 1.8x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="440" height="538"
                                          media="(min-width:414px) and (max-width:439.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzJfeHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDQwfQ%3D%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9zbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF9iaWctMTA4MF8yX3hzbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo4ODB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="576" height="704"
                                          media="(min-width:440px) and (max-width:575.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_small.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_small_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="768" height="768"
                                          media="(min-width:576px) and (max-width:767.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_medium.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_medium_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="992" height="440"
                                          media="(min-width:768px) and (max-width:991.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_large.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzJfbGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTk4NH0%3D&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1080" height="480"
                                          media="(min-width:992px) and (max-width:1279.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_xlarge.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzJfeGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI1NjB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1480" height="658"
                                          media="(min-width:1280px) and (max-width:1479.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl94eGxhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTQ4MH0%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfMl9kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzJfeHhsYXJnZV9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoyOTYwfQ%3D%3D&time=1766856822 2x"
                                    >
                                                                                                <source media="(min-width: 1480px)" width="1080" height="480" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_default.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_default_retina.jpg?time=1766856822 2x">
                            <img class="lazy-img banner_start_big2" loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_2_default.jpg?time=1766856822" alt="notoopink">
                        </picture>
                                                                                    <div class="carousel-cell-texts texts--layer" id="banner_start_big-text-layer-2">
                        <div class="texts__container">
                            
                                                                                            <div class="carousel-cell-text text text--big" id="banner_start_big_slide_2_text_1">
                                                                            HAJÁPOLÁS ÉS SZÉPSÉG
                                                                    </div>
                                                                                                                            <div class="carousel-cell-text text text--medium" id="banner_start_big_slide_2_text_2">
                                                                            Mert fontos a termék minősége
                                                                    </div>
                                                                                                                                                                        <a class="carousel-cell-text btn btn-primary btn-lg text--button" id="banner_start_big_slide_2_text_3" href="https://www.notoopink.com/sct/0/" >Tovább!</a>
                                                                                                                        </div>
                    </div>
                                    </div>
                                <div class="carousel-cell" role="group" aria-label="Slide 3 of 3">
                                                                    <picture>
                                                        
                                                                                                                                                                                                                                                            
                                                                    <source width="414" height="506"
                                          media="(max-width:413.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzNfeHhzbWFsbC5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjQxNH0%3D&time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_xxsmall_retina.jpg?time=1766856822 1.8x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="440" height="538"
                                          media="(min-width:414px) and (max-width:439.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19zbWFsbC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzNfeHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDQwfQ%3D%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19zbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF9iaWctMTA4MF8zX3hzbWFsbF9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo4ODB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="576" height="704"
                                          media="(min-width:440px) and (max-width:575.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_small.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_small_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="768" height="768"
                                          media="(min-width:576px) and (max-width:767.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_medium.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_medium_retina.jpg?time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="992" height="440"
                                          media="(min-width:768px) and (max-width:991.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_large.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzNfbGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTk4NH0%3D&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1080" height="480"
                                          media="(min-width:992px) and (max-width:1279.98px)"
                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_xlarge.jpg?time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzNfeGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI1NjB9&time=1766856822 2x"
                                    >
                                                                                                                                                                                                                                                                                                                                
                                                                    <source width="1480" height="658"
                                          media="(min-width:1280px) and (max-width:1479.98px)"
                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM194eGxhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTQ4MH0%3D&time=1766856822 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfYmlnLTEwODBfM19kZWZhdWx0X3JldGluYS5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0X2JpZy0xMDgwXzNfeHhsYXJnZV9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoyOTYwfQ%3D%3D&time=1766856822 2x"
                                    >
                                                                                                <source media="(min-width: 1480px)" width="1080" height="480" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_default.jpg?time=1766856822 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_default_retina.jpg?time=1766856822 2x">
                            <img class="lazy-img banner_start_big3" loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_big-1080_3_default.jpg?time=1766856822" alt="notoopink">
                        </picture>
                                                                                    <div class="carousel-cell-texts texts--layer" id="banner_start_big-text-layer-3">
                        <div class="texts__container">
                            
                                                                                            <div class="carousel-cell-text text text--big" id="banner_start_big_slide_3_text_1">
                                                                            TESTÁPOLÁS ÉS BŐR KÉNYEZTETÉS
                                                                    </div>
                                                                                                                            <div class="carousel-cell-text text text--medium" id="banner_start_big_slide_3_text_2">
                                                                            Tekintse meg professzionális termékeinket 
                                                                    </div>
                                                                                                                                                                        <a class="carousel-cell-text btn btn-primary btn-lg text--button" id="banner_start_big_slide_3_text_3" href="https://www.notoopink.com/sct/0/" >Itt!</a>
                                                                                                                        </div>
                    </div>
                                    </div>
                            </div>

            
            <script>

                                                                                                    
            let $flkty_banner_start_big_options = {
    "autoPlay": 5000,
    "prevNextButtons": false,
    "dragThreshold": 10
}
                        $flkty_banner_start_big_options.autoPlay = parseInt($flkty_banner_start_big_options.autoPlay);
            
            let $flkty_banner_start_big_options_on = {
                on: {
                    ready: function() {
                        $(this.element).addClass('ready');
                        $(this.element).closest('.js-carousel-block').addClass('ready');
                        if (this.slides.length > 1) {
                            $(this.element).parent().find('.carousel__nav').addClass('active');
                        }
                        let $thisHeight = this.maxCellHeight;
                        $('#dropdown-cat').css('height', $thisHeight + 'px');

                                            },
                    change: function( index ) {
                                            },
                    resize: function() {
                                            }
                }
            }
            $.extend( $flkty_banner_start_big_options, $flkty_banner_start_big_options_on );

            window.addEventListener('DOMContentLoaded', () => {
                var $flkty_banner_start_big = $( '.carousel-banner_start_big' ).flickity($flkty_banner_start_big_options);

                
                function initFlickityResizebanner_start_big($flkty, options) {
                    let windowLastInnerWidth = window.innerWidth;
                    let resizePending = false; // jelzi, hogy resize történt animáció közben

                    if (!$flkty || !$flkty.length) return;

                    const flktyData = $flkty.data('flickity');

                    window.addEventListener('resize', debounce(() => {
                        const currentWidth = window.innerWidth;
                        if (currentWidth === windowLastInnerWidth) return;

                        // Ha épp animál (scroll/autoplay), akkor ne resize-olj még
                        if (flktyData.isAnimating) {
                            resizePending = true;
                            return;
                        }

                        // Ha nem animál, akkor most szüneteltetjük, resize, majd újraindítjuk
                        pauseAndResize();
                        windowLastInnerWidth = currentWidth;
                    }, 100));

                    // Ha épp mozgott, és közben resize történt → most vége, resize itt
                    $flkty.on('settle.flickity', () => {
                        if (resizePending) {
                            resizePending = false;
                            pauseAndResize();
                            windowLastInnerWidth = window.innerWidth;
                        }
                    });

                    function pauseAndResize() {
                        // Ha autoplay be van kapcsolva, szüneteltetjük
                        if (options.autoPlay) {
                            $flkty.flickity('pausePlayer');
                        }

                        // Késleltetett újraméretezés biztonsággal
                        requestAnimationFrame(() => {
                            setTimeout(() => {
                                const viewport = $flkty[0].querySelector('.flickity-viewport');
                                viewport.style.height = null;
                                $flkty.flickity('resize');

                                // Visszaindítjuk az autoplay-t, ha korábban ment
                                if (options.autoPlay) {
                                    $flkty.flickity('playPlayer');
                                }
                            }, 50);
                        });
                    }
                }

                initFlickityResizebanner_start_big($flkty_banner_start_big, $flkty_banner_start_big_options);
            });
            </script>
        </div>
    </div>
    </div>
            </div>
        </div>
    </div>
        

    
    <div id="banner_start_1" class="layout--banners js-element banner_start_1 start-block-small has-title"
             data-element-name="banner_start_1" role="region" aria-label="Népszerű kategóriáink"    >
        <div class="banner_start_1__container container">
                        <div class="banner_start_1__main-title-wrap"
                            >
                <div class="banner_start_1__main-title main-title">Népszerű kategóriáink</div>
            </div>
                        <div class="banner_start_1__slides">
                <div role="list" class=" row gutters-5 gutters-md-10 gutters-xxl-20 row-gap-10 row-gap-md-20 row-gap-xxl-40">
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-1 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_xxsmall.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default_retina.jpg?time=1766857165 2x">
                                            <img decoding="async" fetchpriority="high" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_1_default.jpg?time=1766857165" alt="arcápolás notoopink">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Arcápolás
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-2 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_xxsmall.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default_retina.jpg?time=1766857165 2x">
                                            <img decoding="async" fetchpriority="high" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_2_default.jpg?time=1766857165" alt="ajakápolás notoopink">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Ajakápolás
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-3 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfM19kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfM194eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTkyfQ%3D%3D&time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_3_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_3_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_3_default_retina.jpg?time=1766857165 2x">
                                            <img loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_3_default.jpg?time=1766857165" alt="hajápolás notoopink">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Hajápolás
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-4 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNF9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNF94eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTkyfQ%3D%3D&time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_4_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_4_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_4_default_retina.jpg?time=1766857165 2x">
                                            <img loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_4_default.jpg?time=1766857165" alt="szemápolás notoopink">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Szemápolás
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-5 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNV9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNV94eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTkyfQ%3D%3D&time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_5_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_5_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_5_default_retina.jpg?time=1766857165 2x">
                                            <img loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_5_default.jpg?time=1766857165" alt="testápolás notoopink.com">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Testápolás
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                        <div role="listitem" class="banner_start_1__slide element-slide col-6 col-xs-4 col-md-3 col-lg-only-custom-5 col-xl-2"
                                            >
                        <div class="banner_start_1__slide-inner element-slide-inner banner_start_1--slide-6 img-effect-on-hover">
                                                        <div class="banner_start_1__img-outer">
                                <div class="banner_start_1__img-wrap element-img-wrap">
                                                                        <a href="https://www.notoopink.com/sct/0/" aria-hidden="true" tabindex="-1">
                                                                            <picture>
                                                                                        
                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                    <source width="192" height="192"
                                                          media="(max-width:413.98px)"
                                                          srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNl9kZWZhdWx0LmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMS0yMDBfNl94eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MTkyfQ%3D%3D&time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_6_xxsmall_retina.jpg?time=1766857165 1.8x"
                                                    >
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                            
                                                                                            <source media="(min-width: 414px)" width="200" height="200" srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_6_default.jpg?time=1766857165 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_6_default_retina.jpg?time=1766857165 2x">
                                            <img loading="lazy" src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_1-200_6_default.jpg?time=1766857165" alt="Parfümök notoopink.com">
                                        </picture>
                                                                        </a>
                                                                    </div>
                            </div>
                            
                                                        <div class="banner_start_1__title element-slide-title">
                                                                <a href="https://www.notoopink.com/sct/0/">
                                                                    Parfümök
                                                                </a>
                                                            </div>
                                                    </div>
                    </div>
                                    </div>
            </div>
        </div>
    </div>
    

<div id='box_top_content' class='box_content box_top_content'><div class='box_content_ajax' data-min-length='5'></div><script>
	$.ajax({
		type: "GET",
		async: true,
		url: "https://www.notoopink.com/shop_ajax/ajax_box_top.php",
		data: {
			box_var_name:"shop_top",
			box_var_product_list_layout:"carousel_1",
			box_var_prefix_key:"top",
			box_var_section:"content",
			box_var_highlight:"yes",
			box_id:"",
			unas_page:"5",
			get_ajax:1,
			shop_id:"36463",
			lang_master:"hu"
		},
		success: function(result){
			$("#box_top_content").html(result);
		}
	});
</script>
</div>

    
    <div id="banner_start_2" class="layout--banner_full_width js-element banner_start_2 start-block" data-element-name="banner_start_2"
             >
        <div class="banner_start_2__container container">
                        <div class="banner_start_2__slides">
                                <div class="row gutters-5 gutters-md-10 gutters-xl-20 row-gap-10 row-gap-xl-20">
                                                        <div class="banner_start_2__slide banner_start_2--slide-1 col-12"
                                            >
                        <div class="banner_start_2__slide-inner element-slide-inner img-effect-on-hover has-img-link">
                                                        <div class="banner_start_2__img-wrap element-img-wrap">
                                                                <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                                    <picture>
                                                                                <source width="414" height="584" media="(max-width: 413.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfc21hbGwuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF8yLTE0MDBfMV94eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDE0fQ%3D%3D&time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_xxsmall_retina.jpg?time=1766829111 2x" />
                                                                                                                        <source width="440" height="620" media="(max-width: 439.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfc21hbGwuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF8yLTE0MDBfMV94c21hbGwuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo0NDB9&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfc21hbGxfcmV0aW5hLmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfeHNtYWxsX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjg4MH0%3D&time=1766829111 2x" />
                                                                                                                        <source width="556" height="784" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_small_retina.jpg?time=1766829111 2x" />
                                                                                                                        <source width="768" height="576" media="(max-width: 767.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_medium.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_medium_retina.jpg?time=1766829111 2x" />
                                                                                                                        <source width="992" height="198" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfZGVmYXVsdC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0XzItMTQwMF8xX2xhcmdlLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6OTkyfQ%3D%3D&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfZGVmYXVsdF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF8yLTE0MDBfMV9sYXJnZV9yZXRpbmEuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoxOTg0fQ%3D%3D&time=1766829111 2x" />
                                                                                                                        <source width="1280" height="256" media="(max-width: 1279.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_xlarge.jpg?time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfZGVmYXVsdF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF8yLTE0MDBfMV94bGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MjU2MH0%3D&time=1766829111 2x" />
                                                                                                                        <source width="1480" height="296" media="(max-width: 1479.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfZGVmYXVsdC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0XzItMTQwMF8xX3h4bGFyZ2UuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoxNDgwfQ%3D%3D&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfMi0xNDAwXzFfZGVmYXVsdF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF8yLTE0MDBfMV94eGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI5NjB9&time=1766829111 2x" />
                                                                                                                        <source width="1400" height="280" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_default_retina.jpg?time=1766829111 2x" />
                                        <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_2-1400_1_default.jpg?time=1766829111" alt="notoopink"/>
                                    </picture>
                                                                </a>
                                                            </div>
                            
                                                        <div class="texts texts--layer">
                                <div class="texts__container">
                                    
                                                                                                                        <div class="text text--big" id="banner_start_2_slide_1_text_1">
                                                                                                    LOREMIPSUM
                                                                                            </div>
                                                                                                                                                                <div class="text text--small" id="banner_start_2_slide_1_text_2">
                                                                                                    DOLOR SIT
                                                                                            </div>
                                                                                                            </div>
                            </div>
                                                    </div>
                    </div>
                                                    </div>
                            </div>
        </div>
    </div>
    


    <div id='page_artref_inner'><div class='page_content_ajax'></div></div><script>
$(document).ready(function(){
	$.ajax({
		type: "GET",
		async: true,
		url: "https://www.notoopink.com/shop_ajax/ajax_artref.php",
		data: {
			get_ajax:1,
			shop_id:"36463",
			ref_source:"start",
			lang_master:"hu"
		},
		success: function(result){
			$("#page_artref_inner").html(result);
		}
	});
});
</script>


<div class="banner_start_3_4_5 start-block">
    <div class="container">
        <div class="row gutters-5 gutters-md-10 gutters-xxl-20 row-gap-10 row-gap-md-20 row-gap-xxl-40">
                
                    <div class="banner_start_3 col-lg-6 banner_start_3--slide-1 layout--banner_half_width_inline js-element" data-element-name="banner_start_3"         >
            <div class="banner_start_3__slide-inner element-slide-inner img-effect-on-hover has-img-link">
                                <div class="banner_start_3__img-wrap element-img-wrap">
                                        <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                            <picture>
                                                                                                    <source width="556" height="620" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_small_retina.jpg?time=1766829111 2x" />
                                                                                                    <source width="992" height="471" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_large.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_large_retina.jpg?time=1766829111 2x" />
                                                                                                                        <source width="680" height="452" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_default_retina.jpg?time=1766829111 2x" />
                        <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_3-680_1_default.jpg?time=1766829111" alt="notoopink"/>
                    </picture>
                                        </a>
                                    </div>
                
                                <button class="btn btn-square-lg img-link-btn icon--arrow-right" id="banner_start_3-1-img-link-btn" type="button" aria-hidden="true" tabindex="-1"></button>
                
                                <div class="texts texts--layer">
                    <div class="texts__container">
                        
                                                                                    <div class="text text--big" id="banner_start_3_slide_1_text_1">
                                                                            Lorem ipsum dolor sit amet
                                                                        </div>
                                                                                                                <div class="text text--small" id="banner_start_3_slide_1_text_2">
                                                                            Lorem ipsum dolor sit amet consectetur
                                                                        </div>
                                                                                                                <div class="text text--small" id="banner_start_3_slide_1_text_3">
                                                                            Adipiscing 50 cm elit
                                                                        </div>
                                                                                                                                                    <div class="btn btn-primary btn-lg text--button" id="banner_start_3_slide_1_text_4">49 990 Ft</div>
                                                                                                        </div>
                </div>
                            </div>
        </div>
                

                
        <div class="banner_start_4 col-sm-6 col-lg-3 banner_start_4--slide-1 layout--banner_quarter_width_inline js-element" data-element-name="banner_start_4"
            >
        <div class="banner_start_4__slide-inner element-slide-inner img-effect-on-hover has-img-link">
                        <div class="banner_start_4__img-wrap element-img-wrap">
                                <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                    <picture>
                                                                                    <source width="556" height="622" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_small_retina.jpg?time=1766829111 2x" />
                                                                                    <source width="496" height="481" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_large.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_large_retina.jpg?time=1766829111 2x" />
                                                                                                    <source width="320" height="452" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_default_retina.jpg?time=1766829111 2x" />
                    <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_1_default.jpg?time=1766829111" alt="notoopink"/>
                </picture>
                                </a>
                            </div>
            
                        <button class="btn btn-square-lg img-link-btn icon--arrow-right" id="banner_start_4-1-img-link-btn" type="button" aria-hidden="true" tabindex="-1"></button>
            
                        <div class="texts texts--layer">
                <div class="texts__container">
                    
                                                                        <div class="text text--big" id="banner_start_4_slide_1_text_1">
                                                                    Lorem ipsum dolor sit amet
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_1_text_2">
                                                                    Lorem ipsum
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_1_text_3">
                                                                    Dolor sit 50 cm
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_1_text_4">
                                                                    Amet consectetur
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_1_text_5">
                                                                    Adipiscing elit
                                                            </div>
                                                                                                                                <div class="btn btn-primary btn-lg text--button" id="banner_start_4_slide_1_text_6">49 990 Ft</div>
                                                                                        </div>
            </div>
                    </div>
    </div>
        <div class="banner_start_4 col-sm-6 col-lg-3 banner_start_4--slide-2 layout--banner_quarter_width_inline js-element" data-element-name="banner_start_4"
            >
        <div class="banner_start_4__slide-inner element-slide-inner img-effect-on-hover has-img-link">
                        <div class="banner_start_4__img-wrap element-img-wrap">
                                <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                    <picture>
                                                                                    <source width="556" height="622" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_small_retina.jpg?time=1766829111 2x" />
                                                                                    <source width="496" height="481" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_large.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_large_retina.jpg?time=1766829111 2x" />
                                                                                                    <source width="320" height="452" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_default_retina.jpg?time=1766829111 2x" />
                    <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_4-320_2_default.jpg?time=1766829111" alt="notoopink"/>
                </picture>
                                </a>
                            </div>
            
                        <button class="btn btn-square-lg img-link-btn icon--arrow-right" id="banner_start_4-2-img-link-btn" type="button" aria-hidden="true" tabindex="-1"></button>
            
                        <div class="texts texts--layer">
                <div class="texts__container">
                    
                                                                        <div class="text text--big" id="banner_start_4_slide_2_text_1">
                                                                    Lorem ipsum dolor sit amet
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_2_text_2">
                                                                    Lorem ipsum
                                                            </div>
                                                                                                <div class="text text--small" id="banner_start_4_slide_2_text_3">
                                                                    60 sit amet consectetur
                                                            </div>
                                                                                                                                <div class="btn btn-primary btn-lg text--button" id="banner_start_4_slide_2_text_4">49 990 Ft</div>
                                                                                        </div>
            </div>
                    </div>
    </div>
    

                
        <div class="banner_start_5 col-12 banner_start_5--slide-1 layout--banner_full_width_inline js-element" data-element-name="banner_start_5"
            >
        <div class="banner_start_5__slide-inner element-slide-inner img-effect-on-hover has-img-link">
                        <div class="banner_start_5__img-wrap element-img-wrap">
                                <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                    <picture>
                                                    <source width="414" height="462" media="(max-width: 413.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfc21hbGwuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF81LTE0MDBfMV94eHNtYWxsLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6NDE0fQ%3D%3D&time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_xxsmall_retina.jpg?time=1766829111 2x" />
                                                                            <source width="440" height="491" media="(max-width: 439.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfc21hbGwuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF81LTE0MDBfMV94c21hbGwuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjo0NDB9&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfc21hbGxfcmV0aW5hLmpwZyIsInRhcmdldCI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfeHNtYWxsX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjg4MH0%3D&time=1766829111 2x" />
                                                                            <source width="556" height="620" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_small_retina.jpg?time=1766829111 2x" />
                                                                            <source width="728" height="546" media="(max-width: 767.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_medium.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_medium_retina.jpg?time=1766829111 2x" />
                                                                            <source width="952" height="536" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_large.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_large_retina.jpg?time=1766829111 2x" />
                                                                            <source width="1280" height="256" media="(max-width: 1279.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfZGVmYXVsdC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0XzUtMTQwMF8xX3hsYXJnZS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjEyODB9&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfZGVmYXVsdF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF81LTE0MDBfMV94bGFyZ2VfcmV0aW5hLmpwZyIsInRhcmdldF9mb3JtYXQiOiIiLCJ3aWR0aCI6MjU2MH0%3D&time=1766829111 2x" />
                                                                            <source width="1480" height="296" media="(max-width: 1479.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfZGVmYXVsdC5qcGciLCJ0YXJnZXQiOiJsYXlvdXRfaHVfYmFubmVyX3N0YXJ0XzUtMTQwMF8xX3h4bGFyZ2UuanBnIiwidGFyZ2V0X2Zvcm1hdCI6IiIsIndpZHRoIjoxNDgwfQ%3D%3D&time=1766829111 1x, https://www.notoopink.com/shop_pic.php?data=eyJ0eXBlIjoiZWxlbWVudCIsInNvdXJjZSI6ImxheW91dF9odV9iYW5uZXJfc3RhcnRfNS0xNDAwXzFfZGVmYXVsdF9yZXRpbmEuanBnIiwidGFyZ2V0IjoibGF5b3V0X2h1X2Jhbm5lcl9zdGFydF81LTE0MDBfMV94eGxhcmdlX3JldGluYS5qcGciLCJ0YXJnZXRfZm9ybWF0IjoiIiwid2lkdGgiOjI5NjB9&time=1766829111 2x" />
                                                                        <source width="1400" height="280" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_default_retina.jpg?time=1766829111 2x" />
                        <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_5-1400_1_default.jpg?time=1766829111" alt="notoopink"/>
                    </picture>
                                </a>
                            </div>
            
                        <button class="btn btn-square-lg img-link-btn icon--arrow-right" id="banner_start_5-1-img-link-btn" type="button" aria-hidden="true" tabindex="-1"></button>
            
                        <div class="texts texts--layer">
                <div class="texts__container">
                    
                                                                        <div class="text text--big" id="banner_start_5_slide_1_text_1">
                                                                    Lorem ipsum dolor sit amet
                                                                </div>
                                                                                                <div class="text text--small" id="banner_start_5_slide_1_text_2">
                                                                    Lorem ipsum dolor sit amet consectetur
                                                                </div>
                                                                                                <div class="text text--small" id="banner_start_5_slide_1_text_3">
                                                                    Adipiscing 50 cm elit
                                                                </div>
                                                                                                                                <div class="btn btn-primary btn-lg text--button" id="banner_start_5_slide_1_text_4">49 990 Ft</div>
                                                                                        </div>
            </div>
                    </div>
    </div>
    
    
        </div>
    </div>
</div>

<div id='box_art_content' class='box_content box_art_content'><div class='box_content_ajax' data-min-length='5'></div><script>
	$.ajax({
		type: "GET",
		async: true,
		url: "https://www.notoopink.com/shop_ajax/ajax_box_art.php",
		data: {
			box_var_name:"shop_art",
			box_var_product_list_layout:"carousel_1",
			box_var_prefix_key:"ref",
			box_var_section:"content",
			box_var_highlight:"yes",
			box_id:"",
			unas_page:"5",
			get_ajax:1,
			shop_id:"36463",
			lang_master:"hu"
		},
		success: function(result){
			$("#box_art_content").html(result);
		}
	});
</script>
</div>



    <div class="js-element start_brand_slider start-block" data-element-name="start_brand_slider"
            >
        <div class="start_brand_slider__container carousel__container container">
                        <div class="start_brand_slider__carousel carousel carousel--indent" tabindex="0">
                                <div class="carousel-cell start_brand_slider-1" role="group" aria-label="Slide 1 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                        <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="        https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_1_small.png?time=1767470812 1000w"
                                    width="1000" height="483" media="(max-width: 575.98px)" />
                                                                                                                <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_1_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_1_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider1 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_1_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-2" role="group" aria-label="Slide 2 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                    <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_2_medium.png?time=1767470812 711w"
                                    width="711" height="400" media="(max-width: 767.98px)" />
                                                                                    <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_2_large.png?time=1767470812 1422w"
                                    width="1422" height="800" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_2_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_2_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider2 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_2_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-3" role="group" aria-label="Slide 3 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_3_large.png?time=1767470812 859w"
                                    width="859" height="407" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_3_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_3_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider3 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_3_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-4" role="group" aria-label="Slide 4 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_4_large.png?time=1767470812 500w"
                                    width="500" height="300" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_4_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_4_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider4 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_4_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-5" role="group" aria-label="Slide 5 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_5_large.png?time=1767470812 700w"
                                    width="700" height="394" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_5_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_5_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider5 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_5_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-6" role="group" aria-label="Slide 6 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                    <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_6_medium.png?time=1767470812 711w"
                                    width="711" height="400" media="(max-width: 767.98px)" />
                                                                                    <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_6_large.png?time=1767470812 1422w"
                                    width="1422" height="800" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_6_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_6_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider6 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_6_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-7" role="group" aria-label="Slide 7 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_7_large.png?time=1767470812 1280w"
                                    width="1280" height="1280" media="(max-width: 991.98px)" />
                                                        <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_7_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_7_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider7 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_7_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-8" role="group" aria-label="Slide 8 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_8_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_8_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider8 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_8_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-9" role="group" aria-label="Slide 9 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_9_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_9_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider9 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_9_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                                <div class="carousel-cell start_brand_slider-10" role="group" aria-label="Slide 10 of 10">
                                                                    <a class="has-img" href="https://www.notoopink.com/sct/0/">
                                                <picture>
                                                                                                                <source width="180" height="80" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="                https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_10_default.png?time=1767470812 180w, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_10_default_retina.png?time=1767470812 360w" />
                            <img height="80" width="180" class="start_brand_slider10 lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_start_brand_slider_10_default.png?time=1767470812" alt="notoopink"/>
                        </picture>
                        </a>                                        
                </div>
                            </div>
            <script>
                                                    
            
                                    
            let $flkty_start_brand_slider_options = {
    "autoPlay": 2000,
    "pageDots": false,
    "wrapAround": true,
    "cellAlign": "center"
}
                        $flkty_start_brand_slider_options.autoPlay = parseInt($flkty_start_brand_slider_options.autoPlay);
            
            document.addEventListener('DOMContentLoaded', function() {
                let $flkty_start_brand_slider = $('.start_brand_slider__carousel').flickity($flkty_start_brand_slider_options);
            });
            </script>
        </div>
    </div>
    

    
    <div id="banner_start_6" class="layout--banner_half_width js-element banner_start_6 href-icons start-block" data-element-name="banner_start_6"
             >
        <div class="banner_start_6__container container">
                        <div class="banner_start_6__slides">
                                <div class="row gutters-5 gutters-md-10 gutters-xl-20 row-gap-20">
                                                        <div class="banner_start_6__slide col-lg-6 banner_start_6--slide-1"
                                            >
                        <div class="banner_start_6__slide-inner element-slide-inner img-effect-on-hover">
                                                        <div class="banner_start_6__img-wrap element-img-wrap">
                                                                    <picture>
                                                                                                                                                                    <source width="556" height="418" media="(max-width: 575.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_small.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_small_retina.jpg?time=1766829111 2x" />
                                                                                                                                                                    <source width="992" height="558" media="(max-width: 991.98px)" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_large.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_large_retina.jpg?time=1766829111 2x" />
                                                                                                                                                                                                        <source width="680" height="480" srcset="https://www.notoopink.com/main_pic/space.gif" data-srcset="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_default.jpg?time=1766829111 1x, https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_default_retina.jpg?time=1766829111 2x" />
                                        <img class="lazyload" src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/custom/notoopink.unas.hu/element/layout_hu_banner_start_6-680_1_default.jpg?time=1766829111" alt="notoopink"/>
                                    </picture>
                                                            </div>
                            
                            
                                                    </div>
                    </div>
                                        <div class="banner_start_6__slide col-lg-6 banner_start_6--slide-2"
                                            >
                        <div class="banner_start_6__slide-inner element-slide-inner">
                            
                            
                                                        <div class="texts texts--no-layer">
                                <div class="texts__container">
                                                                        <div class="html-text"><p class="h1"><strong>Keresse fel üzletünket!</strong></p>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?</p>
<ul>
<li><a href="https://maps.google.com/?q=4110+Biharkeresztes%2C+Arad+u.+32" target="_blank" rel="noopener">4110 Biharkeresztes, Arad u. 32</a></li>
<li><a href="tel:+36304277636" target="_blank" rel="noopener">+36304277636</a></li>
<li><a href="mailto:contact@intelltech.eu" target="_blank" rel="noopener">contact@intelltech.eu</a></li>
</ul>
<p><iframe title="4110+Biharkeresztes%2C+Arad+u.+32" width="600" height="185" style="border: 0; width: 100%;" class="lazyload" data-src="https://maps.google.com/?q=4110+Biharkeresztes%2C+Arad+u.+32&output=embed" allowfullscreen="allowfullscreen"></iframe></p></div>
                                    
                                                                    </div>
                            </div>
                                                    </div>
                    </div>
                                                    </div>
                            </div>
        </div>
    </div>
    



</main>

                <footer id="footer">
            <div class="footer">
                <div class="footer-container container">
                    <div class="footer__navigation">
                        <div class="row gutters-10">
                            <nav aria-label="footer nav 1" class="footer__nav footer__nav-1 col-xs-6 col-lg-3 mb-5 mb-lg-3"    >    <div class="js-element footer_v2_menu_1" data-element-name="footer_v2_menu_1" role="region" aria-label="Vásárlói fiók">
                <div class="footer__header footer__header h6">
            Vásárlói fiók
        </div>
                                        <div class="footer__html">
<ul>
<li><a href="javascript:overlay_login();">Belépés</a></li>
<li><a href="https://www.notoopink.com/shop_reg.php">Regisztráció</a></li>
<li><a href="https://www.notoopink.com/shop_order_track.php">Profilom</a></li>
<li><a href="https://www.notoopink.com/shop_cart.php">Kosár</a></li>
<li><a href="https://www.notoopink.com/shop_order_track.php?tab=favourites">Kedvenceim</a></li>
</ul></div>
            </div>

</nav>
                            <nav aria-label="footer nav 2" class="footer__nav footer__nav-2 col-xs-6 col-lg-3 mb-5 mb-lg-3"    >    <div class="js-element footer_v2_menu_2" data-element-name="footer_v2_menu_2" role="region" aria-label="Információk">
                <div class="footer__header footer__header h6">
            Információk
        </div>
                                        <div class="footer__html">
<ul>
<li><a href="https://www.notoopink.com/shop_help.php?tab=terms">Általános szerződési feltételek</a></li>
<li><a href="https://www.notoopink.com/shop_help.php?tab=privacy_policy">Adatkezelési tájékoztató</a></li>
<li><a href="https://www.notoopink.com/shop_contact.php?tab=payment">Fizetés</a></li>
<li><a href="https://www.notoopink.com/shop_contact.php?tab=shipping">Szállítás</a></li>
<li><a href="https://www.notoopink.com/shop_contact.php">Elérhetőségek</a></li>
</ul></div>
            </div>

</nav>
                            <nav aria-label="footer nav 3" class="footer__nav footer__nav-3 col-xs-6 col-lg-3 mb-5 mb-lg-3"    >
                                    <div class="js-element footer_v2_menu_3 href-icons footer_contact" data-element-name="footer_v2_menu_3" role="region" aria-label="IntellControls Kft">
                <div class="footer__header footer__header h6">
            IntellControls Kft
        </div>
                                        <div class="footer__html">
<ul>
<li><a href="https://maps.google.com/?q=4110+Biharkeresztes%2C+Arad+u.+32" target="_blank" rel="noopener">4110 Biharkeresztes, Arad u. 32</a></li>
<li><a href="tel:+36304277636" target="_blank">+36304277636</a></li>
<li><a href="mailto:contact@intelltech.eu" target="_blank">contact@intelltech.eu</a></li>
</ul></div>
            </div>


                                <div class="footer_social footer_v2_social">
                                    <ul class="footer__list d-flex list--horizontal">
                                                    <li class="js-element footer_v2_social-list-item" data-element-name="footer_v2_social"><p><a href="https://facebook.com" target="_blank" rel="noopener" title="Facebook">facebook</a></p></li>
            <li class="js-element footer_v2_social-list-item" data-element-name="footer_v2_social"><p><a href="https://pinterest.com" target="_blank" rel="noopener" title="Pinterest">pinterest</a></p></li>
            <li class="js-element footer_v2_social-list-item" data-element-name="footer_v2_social"><p><a href="https://instagram.com" target="_blank" rel="noopener" title="Instagram">instagram</a></p></li>
    

                                        <li><button type="button" class="cookie-alert__btn-open btn btn-square icon--cookie" id="cookie_alert_close" onclick="cookie_alert_action(0,-1)" title="Adatkezelési beállítások"></button></li>
                                    </ul>
                                </div>
                            </nav>
                            <nav aria-label="footer nav 4" class="footer__nav footer__nav-4 col-xs-6 col-lg-3 mb-5 mb-lg-3"    >
                                                                    

                                                            </nav>
                        </div>
                    </div>
                </div>
                                <a id='provider_link_click' href='https://unas.hu/?utm_source=www.notoopink.com&utm_medium=ref&utm_campaign=shop_provider' target='_blank' class='text_normal has-img' title='Webáruház készítés'><img src='https://www.notoopink.com/!common_design/own/image/logo_unas_dark.svg' width='60' height='15' alt='Webáruház készítés' title='Webáruház készítés' loading='lazy'></a>
                            </div>
        </footer>
        

                
                <div class="partners py-3"     role="region" aria-label="Partnereink">
            <div class="partners__container container">
                <div class="parnters__inner row no-gutters gap-10 align-items-center justify-content-center">
                            
        
                            
    
                            <div class="checkout__item">
        <a href="https://www.notoopink.com/shop_contact.php?tab=payment" class="checkout__link has-img" rel="nofollow noopener">
            <img class="checkout__img lazyload" title="stripe_com" alt="stripe_com"
             src="https://www.notoopink.com/main_pic/space.gif" data-src="https://www.notoopink.com/!common_design/own/image/logo/checkout/logo_checkout_stripe_com_box.png" data-srcset="https://www.notoopink.com/!common_design/own/image/logo/checkout/logo_checkout_stripe_com_box-2x.png 2x"
             style="width:96px;max-height:40px;"
        >
        </a>
    </div>

    
                            
    
                </div>
            </div>
        </div>
                
                                <div class="hamburger-box hamburger-box__dropdown dropdown__content" id="hamburger-box__dropdown" data-content-for="#hamburger-box__dropdown-btn, #hamburger-box__dropdown__btn-close" data-content-direction="left">
                <span class="dropdown__caret"></span>
                <button class="dropdown__btn-close hamburger-box__dropdown__btn-close btn btn-close" id="hamburger-box__dropdown__btn-close" type="button" title="bezár" aria-label="bezár"></button>
                <div class="dropdown__content-inner hamburger-box__dropdown-inner">
                    <div class="hamburger-box__dropdown-nav-lists-wrapper">
                                                            <div class="nav-list-menu nav-list-menu--main">
    <ul class="nav-list-mobile nav-list-mobile--0" data-level="0" aria-label="Kategóriák">
                <li id="nav-item-akcio--m" class="nav-item spec-item js-nav-item-akcio">
            <a class="nav-link" href="https://www.notoopink.com/shop_artspec.php?artspec=1"               aria-label="Akciók kategória"
            >
                                <span class="nav-link__text">
                    Akciók                </span>
            </a>
            
                    </li>
                <li id="nav-item-100001--m" class="nav-item js-nav-item-100001">
            <a class="nav-link" href="https://www.notoopink.com/sct/100001/Parfumok"               aria-label="Parfümök kategória"
            >
                                <span class="nav-link__text">
                    Parfümök                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'100001','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100001&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-100003--m" class="nav-item js-nav-item-100003">
            <a class="nav-link" href="https://www.notoopink.com/sct/100003/Smink"               aria-label="Smink kategória"
            >
                                <span class="nav-link__text">
                    Smink                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'100003','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100003&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-917723--m" class="nav-item js-nav-item-917723">
            <a class="nav-link" href="https://www.notoopink.com/Arc"               aria-label="Arc kategória"
            >
                                <span class="nav-link__text">
                    Arc                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'917723','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=917723&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-285667--m" class="nav-item js-nav-item-285667">
            <a class="nav-link" href="https://www.notoopink.com/Test"               aria-label="Test kategória"
            >
                                <span class="nav-link__text">
                    Test                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'285667','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=285667&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-654463--m" class="nav-item js-nav-item-654463">
            <a class="nav-link" href="https://www.notoopink.com/sct/654463/Labapolas"               aria-label="Lábápolás kategória"
            >
                                <span class="nav-link__text">
                    Lábápolás                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'654463','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=654463&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-903587--m" class="nav-item js-nav-item-903587">
            <a class="nav-link" href="https://www.notoopink.com/sct/903587/Napvedelem"               aria-label="Napvédelem kategória"
            >
                                <span class="nav-link__text">
                    Napvédelem                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'903587','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=903587&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-199155--m" class="nav-item js-nav-item-199155">
            <a class="nav-link" href="https://www.notoopink.com/Intimitas"               aria-label="Intimitás kategória"
            >
                                <span class="nav-link__text">
                    Intimitás                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'199155','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=199155&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-399788--m" class="nav-item js-nav-item-399788">
            <a class="nav-link" href="https://www.notoopink.com/Koromapolas"               aria-label="Körömápolás kategória"
            >
                                <span class="nav-link__text">
                    Körömápolás                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'399788','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=399788&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-379726--m" class="nav-item js-nav-item-379726">
            <a class="nav-link" href="https://www.notoopink.com/sct/379726/Baba-es-gyermek"               aria-label="Baba és gyermek kategória"
            >
                                <span class="nav-link__text">
                    Baba és gyermek                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'379726','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=379726&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-100004--m" class="nav-item js-nav-item-100004">
            <a class="nav-link" href="https://www.notoopink.com/sct/100004/Haj"               aria-label="Haj kategória"
            >
                                <span class="nav-link__text">
                    Haj                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'100004','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100004&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-832680--m" class="nav-item js-nav-item-832680">
            <a class="nav-link" href="https://www.notoopink.com/Ekszerek"               aria-label="Ékszerek kategória"
            >
                                <span class="nav-link__text">
                    Ékszerek                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'832680','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=832680&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-100006--m" class="nav-item js-nav-item-100006">
            <a class="nav-link" href="https://www.notoopink.com/sct/100006/Borgyogyaszati-borapolas"               aria-label="Bőrgyógyászati ​​bőrápolás kategória"
            >
                                <span class="nav-link__text">
                    Bőrgyógyászati ​​bőrápolás                </span>
            </a>
                        <button class="btn btn-text nav-button" type="button" data-toggle="dropdown" aria-label="További kategóriák" aria-haspopup="true" aria-expanded="false" onclick="handleSub2(this,'100006','https://www.notoopink.com/shop_ajax/ajax_box_cat.php?get_ajax=1&type=layout&change_lang=hu&level=1&key=100006&box_var_name=shop_cat&box_var_layout_cache=1&box_var_expand_cache=yes&box_var_expand_cache_name=mobile&box_var_layout_level0=5&box_var_layout=6&box_var_ajax=1&box_var_section=content&box_var_highlight=yes&box_var_type=expand&box_var_div=no');"></button>
            
                        <div class="nav-list-menu nav-list-menu--sub">
                <div class="loading-spinner"></div>
                            </div>
                    </li>
                <li id="nav-item-751343--m" class="nav-item js-nav-item-751343">
            <a class="nav-link" href="https://www.notoopink.com/Dezodorok-es-izzadstaggatlok"               aria-label="Dezodorok és izzadstággátlók kategória"
            >
                                <span class="nav-link__text">
                    Dezodorok és izzadstággátlók                </span>
            </a>
            
                    </li>
                <li id="nav-item-910908--m" class="nav-item js-nav-item-910908">
            <a class="nav-link" href="https://www.notoopink.com/Borotvalkozas-utan"               aria-label="Borotválkozás után kategória"
            >
                                <span class="nav-link__text">
                    Borotválkozás után                </span>
            </a>
            
                    </li>
            </ul>
</div>

    
                                                                    </div>
                </div>
            </div>
                        <div class="search-box__dropdown dropdown__content" id="search-box__dropdown" data-content-for="#search-box__dropdown-btn" data-content-direction="full"
                 role="dialog" aria-label="Keresés" tabindex="-1"
            >
                <span class="dropdown__caret"></span>
                <button class="dropdown__btn-close search-box__dropdown__btn-close btn btn-close" type="button" aria-label="Bezár"></button>
                <div class="dropdown__content-inner search-box__inner position-relative js-search browser-is-unknown"
     id="box_search_content">
    <form name="form_include_search" id="form_include_search" action="https://www.notoopink.com/shop_search.php" method="get">
    <div class="search-box__form-inner d-flex flex-column">
        <div class="form-group box-search-group mb-0 js-search-smart-insert-after-here">
            <input data-stay-visible-breakpoint="1280" id="box_search_input" class="search-box__input ac_input js-search-input form-control"
                   name="search" pattern=".{3,100}" aria-label="Keresés" title="Hosszabb kereső kifejezést írjon be!"
                   placeholder="Keresés" type="search" maxlength="100" autocomplete="off" required                   role="combobox" aria-autocomplete="list" aria-expanded="false"
                                      aria-controls="autocomplete-categories autocomplete-products"
                               >
            <div class="search-box__search-btn-outer input-group-append" title="Keresés">
                <button class="btn search-box__search-btn" aria-label="Keresés">
                    <span class="search-box__search-btn-icon icon--search"></span>
                </button>
            </div>
            <div class="search__loading">
                <div class="loading-spinner--small"></div>
            </div>
        </div>
        <div class="ac_results">
            <span class="ac_result__caret"></span>
        </div>
    </div>
    </form>
</div>

            </div>
                        <div class="lang-and-money__dropdown dropdown__content" id="lang-and-money__dropdown" data-content-for="#lang-and-money__dropdown-btn" data-content-direction="right">
                <span class="dropdown__caret"></span>
                <button class="dropdown__btn-close lang-and-money__dropdown-btn-close btn btn-close" type="button" aria-label="Bezár"></button>
                <div class="dropdown__content-inner">
                    <div class="lang-and-money__wrapper d-flex d-xl-none">
                                    
        <div class="lang-box lang-box--button-style">
        <div class="lang-box__title">Nyelv váltás</div>
        <ul class="lang-box__list" id="box_lang_content">
                        <li>
                <a id="box_lang_hu" aria-label="Magyar" data-langcode="hu" rel="nofollow"
                   href="#" data-uri="/?feed=rss2" onclick="location.href='https://www.notoopink.com'+$(this).data('uri')" class="is-selected" title="Magyar">hu
                </a>
            </li>
                        <li>
                <a id="box_lang_us" aria-label="English (US)" data-langcode="us" rel="nofollow"
                   href="#" data-uri="/us/?feed=rss2" onclick="location.href='https://www.notoopink.com'+$(this).data('uri')" class="" title="English (US)">us
                </a>
            </li>
                    </ul>
    </div>
    
        
<div class="currency-box currency-box--button-style flex-fill">
    <form action="https://www.notoopink.com/shop_moneychange.php" name="form_moneychange2" method="post"><input name="file_back" type="hidden" value="/?feed=rss2">
    <div class="currency-box__title">Pénznem váltás</div>
    <ul class="currency-box__list">
        <li class="currency custom-control custom-radio no-input">
            <input class="custom-control-input currency__radio" id="-1" type="radio" name="session_money_select" value="-1" checked>
            <label class="custom-control-label currency__label" for="-1">Ft (HUF)</label>
        </li>
                <li class="currency custom-control custom-radio no-input">
            <input class="custom-control-input currency__radio" id="0" onclick="document.form_moneychange2.submit();" type="radio" name="session_money_select" value="0">
            <label class="custom-control-label currency__label" for="0">EUR</label>
        </li>
                <li class="currency custom-control custom-radio no-input">
            <input class="custom-control-input currency__radio" id="1" onclick="document.form_moneychange2.submit();" type="radio" name="session_money_select" value="1">
            <label class="custom-control-label currency__label" for="1">RON</label>
        </li>
            </ul>
    </form>
</div>

    
                    </div>
                </div>
            </div>
                            
        <div class="profile__dropdown dropdown__content" id="profile__dropdown" data-content-for="#profile__dropdown-btn" data-content-direction="right"
         role="dialog" aria-label="Profil" tabindex="-1"
    >
        <span class="dropdown__caret"></span>
        <button class="dropdown__btn-close profile__dropdown-btn-close btn btn-close" type="button" aria-label="Bezár"></button>
        <div class="dropdown__content-inner">
                    <div class="login-box__loggedout-container">
                <div class="profile__title">
                    <span class="profile__title-text">Belépés</span>
                </div>
                <form name="form_login" action="https://www.notoopink.com/shop_logincheck.php" method="post"><input name="file_back" type="hidden" value="/?feed=rss2"><input type="hidden" name="login_redir" value="" id="login_redir">
                <div class="login-box__form-inner">
                    <div class="form-group login-box__input-field">
                        <label for="shop_user_login">Email</label>
                        <input name="shop_user_login" id="shop_user_login" placeholder="Email"
                               type="text" maxlength="100" class="form-control" spellcheck="false" autocomplete="email" autocapitalize="off"
                        >
                    </div>
                    <div class="form-group login-box__input-field mb-4">
                        <label for="shop_pass_login">Jelszó</label>
                        <input name="shop_pass_login" id="shop_pass_login" placeholder="Jelszó"
                               type="password" maxlength="100" class="form-control" spellcheck="false" autocomplete="current-password" autocapitalize="off"
                        >
                    </div>
                    <div class="login-box__btns-wrap form-group form-group-lg">
                        <button type="submit" class="login-box__login-btn btn btn-primary">Belép</button>
                        <a class="login-box__reg-btn btn btn-primary icon--a-pen-line" href="https://www.notoopink.com/shop_reg.php?no_reg=0">Regisztráció</a>
                    </div>
                    <div class="login-box__remind-btn-wrap form-group mb-4">
                        <button type="button" class="login-box__remind-btn btn btn-text2" onclick="handleCloseDropdowns(); overlay_login_remind();">Elfelejtettem a jelszavamat</button>
                    </div>
                                        <div class="login-box__social-group form-group">
                        <div class="row row-gap-10 gutters-5">
                                                                                    <div class="col-12">
                                <div class="google-login-wrap" tabindex="0">
    <iframe class="google-iframe" scrolling="no" src="https://cluster4.unas.hu/shop_google_login.php?url=https%3A%2F%2Fwww.notoopink.com&text=Bel%C3%A9p%C3%A9s+Google+fi%C3%B3kkal&type=&align=center&design=%2Fbase%2F002401%2F" title="Google"></iframe>
</div>                            </div>
                                                    </div>
                    </div>
                                    </div>
                </form>
            </div>
                </div>
    </div>
    
                        <div class="cart-box__dropdown dropdown__content js-cart-box-dropdown" id="cart-box__dropdown"
                 data-content-for="#cart-box__dropdown-btn" data-content-direction="right" tabindex="-1" aria-label="Kosár"
                 role="dialog"
            >
                <span class="dropdown__caret"></span>
                <button class="dropdown__btn-close cart-box__dropdown-btn-close btn btn-close" type="button" aria-label="Bezár"></button>
                <div class="dropdown__content-inner cart-box__dropdown-content-inner" id="box_cart_content2" aria-live="polite">
                    <div class="loading-spinner-wrapper text-center">
                        <div class="loading-spinner--small" style="width:30px;height:30px;"></div>
                    </div>
                    <script>
                        $(document).ready(function(){
                            $('.cart-box__bubble').html($('#box_cart_content').find('.cart-box__bubble').html());
                            $('.cart-box__dropdown-btn').on("click", function(){
                                let $thisBtn = $(this);
                                const $box_cart_2 = $("#box_cart_content2");

                                if (!$thisBtn.hasClass('ajax-loading') && !$thisBtn.hasClass('is-loaded')) {
                                    $.ajax({
                                        type: "GET",
                                        async: true,
                                        url: "https://www.notoopink.com/shop_ajax/ajax_box_cart.php?get_ajax=1&lang_master=hu&cart_num=2",
                                        beforeSend:function(){
                                            $thisBtn.addClass('ajax-loading');
                                            $box_cart_2.addClass('ajax-loading');
                                        },
                                        success: function (data) {
                                            const $thisDropdown = $("#cart-box__dropdown");
                                            $box_cart_2.html(data).removeClass('ajax-loading').addClass("is-loaded");
                                            $thisBtn.removeClass('ajax-loading').addClass("is-loaded");

                                            requestAnimationFrame(() => {
                                                const focusables = findFocusables($thisDropdown[0]);
                                                if (focusables.length > 0) {
                                                    const focusExitHandler = createFocusExitHandler($thisDropdown[0], $thisBtn[0], focusables);
                                                    $thisDropdown.on("keydown", focusExitHandler);
                                                    focusables[0].focus();
                                                }

                                                const $box_cart_free_shipping_el = $(".js-cart-box-free-shipping", $box_cart_2);
                                                const $box_cart_sum_el = $(".js-cart-box-sum", $box_cart_2);
                                                const $box_cart_btns_el = $(".js-cart-box-btns", $box_cart_2);
                                                const $box_cart_header_el = $(".js-cart-box-title", $box_cart_2);

                                                if (window.matchMedia('(min-width: 576px)').matches) {
                                                    if ($box_cart_free_shipping_el.length > 0 && $box_cart_free_shipping_el.css('display') != 'none') {
                                                        root.style.setProperty("--cart-box-free-shipping-height", $box_cart_free_shipping_el.outerHeight(true) + "px");
                                                    }
                                                    if ($box_cart_header_el.length > 0 && $box_cart_header_el.css('display') != 'none') {
                                                        root.style.setProperty("--cart-box-header-height", $box_cart_header_el.outerHeight(true) + "px");
                                                    }
                                                    if ($box_cart_sum_el.length > 0 ) {
                                                        root.style.setProperty("--cart-box-sum", $box_cart_sum_el.outerHeight(true) + "px");
                                                    }
                                                    if ($box_cart_btns_el.length > 0 ) {
                                                        root.style.setProperty("--cart-box-btns", $box_cart_btns_el.outerHeight(true) + "px");
                                                    }
                                                }
                                            });
                                        }
                                    });
                                }
                            });
                        });
                    </script>
                    
                </div>
            </div>
                    
                                <nav id="nav--mobile-bottom" class="nav header nav--mobile nav--bottom d-sm-none js-header js-header-fixed">
                <div class="header-inner js-header-inner w-100">
                    <div class="d-flex justify-content-center d-sm-none">
                                                <button type="button" class="hamburger-box__dropdown-btn-mobile burger btn dropdown__btn" id="hamburger-box__dropdown-btn"
                                aria-label="Kategóriák" data-btn-for="#hamburger-box__dropdown"
                        >
                            <span class="burger__lines">
                                <span class="burger__line"></span>
                                <span class="burger__line"></span>
                                <span class="burger__line"></span>
                            </span>
                            <span class="burger__text dropdown__btn-text">
                                Kategóriák
                            </span>
                        </button>
                                                <button class="search-box__dropdown-btn btn dropdown__btn" aria-label="Keresés" type="button" data-btn-for="#search-box__dropdown"
                                aria-haspopup="dialog" aria-expanded="false" aria-controls="search-box__dropdown"
                        >
                            <span class="search-box__dropdown-btn-icon dropdown__btn-icon icon--search"></span>
                        </button>

                        

                        

                                                <button class="lang-and-money__dropdown-btn btn dropdown__btn" aria-label="Nyelv és pénznem váltás" type="button" data-btn-for="#lang-and-money__dropdown">
                            <span class="lang-and-money__dropdown-btn-icon dropdown__btn-icon icon--globe"></span>
                        </button>
                        
                                <button class="profile__dropdown-btn js-profile-btn btn dropdown__btn" id="profile__dropdown-btn" type="button"
            data-orders="https://www.notoopink.com/shop_order_track.php" data-btn-for="#profile__dropdown"
            aria-label="Profil" aria-haspopup="dialog" aria-expanded="false" aria-controls="profile__dropdown"
    >
        <span class="profile__dropdown-btn-icon dropdown__btn-icon icon--user"></span>
        <span class="profile__text dropdown__btn-text">Profil</span>
            </button>
    
    
                        <button class="cart-box__dropdown-btn btn dropdown__btn js-cart-box-loaded-by-ajax"
                                aria-label="Kosár megtekintése" type="button" data-btn-for="#cart-box__dropdown">
                            <span class="cart-box__dropdown-btn-icon dropdown__btn-icon icon--cart"></span>
                            <span class="cart-box__text dropdown__btn-text">Kosár</span>
                                        <span id="box_cart_content" class="cart-box">                <span class="bubble cart-box__bubble"><span class="sr-only">Kosárban lévő tételek száma:</span>0</span>
            </span>
    
                        </button>
                    </div>
                </div>
            </nav>
                        </div>

    <button class="back_to_top btn icon--arrow-up btn-square-lg hide-on-mobile" type="button" aria-label="Oldal tetejére"></button>

    <script>
/* <![CDATA[ */
function add_to_favourites(value,cikk,id,id_outer,master_key) {
    var temp_cikk_id=cikk.replace(/-/g,'__unas__');
    if($("#"+id).hasClass("remove_favourites")){
	    $.ajax({
	    	type: "POST",
	    	url: "https://www.notoopink.com/shop_ajax/ajax_favourites.php",
	    	data: "get_ajax=1&action=remove&cikk="+cikk+"&shop_id=36463",
	    	success: function(result){
	    		if(result=="OK") {
                var product_array = {};
                product_array["sku"] = cikk;
                product_array["sku_id"] = temp_cikk_id;
                product_array["master_key"] = master_key;
                $(document).trigger("removeFromFavourites", product_array);                if (google_analytics==1) gtag("event", "remove_from_wishlist", { 'sku':cikk });	    		    if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt","Kedvencekhez");
	    		    if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("title")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("title","Kedvencekhez");
	    		    $(".page_artdet_func_favourites_text_"+temp_cikk_id).html("Kedvencekhez");
	    		    $(".page_artdet_func_favourites_"+temp_cikk_id).removeClass("remove_favourites");
	    		    $(".page_artdet_func_favourites_outer_"+temp_cikk_id).removeClass("added");
	    		}
	    	}
    	});
    } else {
	    $.ajax({
	    	type: "POST",
	    	url: "https://www.notoopink.com/shop_ajax/ajax_favourites.php",
	    	data: "get_ajax=1&action=add&cikk="+cikk+"&shop_id=36463",
	    	dataType: "JSON",
	    	success: function(result){
                var product_array = {};
                product_array["sku"] = cikk;
                product_array["sku_id"] = temp_cikk_id;
                product_array["master_key"] = master_key;
                product_array["event_id"] = result.event_id;
                $(document).trigger("addToFavourites", product_array);	    		if(result.success) {
	    		    if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("alt","Törlés a kedvencek közül");
	    		    if ($(".page_artdet_func_favourites_"+temp_cikk_id).attr("title")!="") $(".page_artdet_func_favourites_"+temp_cikk_id).attr("title","Törlés a kedvencek közül");
	    		    $(".page_artdet_func_favourites_text_"+temp_cikk_id).html("Törlés a kedvencek közül");
	    		    $(".page_artdet_func_favourites_"+temp_cikk_id).addClass("remove_favourites");
	    		    $(".page_artdet_func_favourites_outer_"+temp_cikk_id).addClass("added");
	    		}
	    	}
    	});
     }
  }
var get_ajax=1;

    function calc_search_input_position(search_inputs) {
        let search_input = $(search_inputs).filter(':visible').first();
        if (search_input.length) {
            const offset = search_input.offset();
            const width = search_input.outerWidth(true);
            const height = search_input.outerHeight(true);
            const left = offset.left;
            const top = offset.top - $(window).scrollTop();

            document.documentElement.style.setProperty("--search-input-left-distance", `${left}px`);
            document.documentElement.style.setProperty("--search-input-right-distance", `${left + width}px`);
            document.documentElement.style.setProperty("--search-input-bottom-distance", `${top + height}px`);
            document.documentElement.style.setProperty("--search-input-height", `${height}px`);
        }
    }

    var autocomplete_width;
    var small_search_box;
    var result_class;

    function change_box_search(plus_id) {
        result_class = 'ac_results'+plus_id;
        $("."+result_class).css("display","none");
        autocomplete_width = $("#box_search_content" + plus_id + " #box_search_input" + plus_id).outerWidth(true);
        small_search_box = '';

        
        const search_input = $("#box_search_input"+plus_id);
                calc_search_input_position(search_input);
                search_input.autocomplete().setOptions({ width: autocomplete_width, resultsClass: result_class, resultsClassPlus: small_search_box });
    }

    function init_box_search(plus_id) {
        const search_input = $("#box_search_input"+plus_id);

                search_input.on("focus", function () {
            calc_search_input_position(search_input);
        });
        
        
        change_box_search(plus_id);
        $(window).resize(function(){
            change_box_search(plus_id);
        });

        search_input.autocomplete("https://www.notoopink.com/shop_ajax/ajax_box_search.php", {
            width: autocomplete_width,
            resultsClass: result_class,
            resultsClassPlus: small_search_box,
            minChars: 3,
            max: 10,
            extraParams: {
                'shop_id':'36463',
                'lang_master':'hu',
                'get_ajax':'1',
                'search': function() {
                    return search_input.val();
                }
            },
            onSelect: function() {
                var temp_search = search_input.val();

                if (temp_search.indexOf("unas_category_link") >= 0){
                    search_input.val("");
                    temp_search = temp_search.replace('unas_category_link¤','');
                    window.location.href = temp_search;
                } else {
                                        $("#form_include_search"+plus_id).submit();
                }
            },
            selectFirst: false,
                });
    }
    $(document).ready(function() {init_box_search("2");init_box_search("");});    function popup_compare_dialog(cikk) {
                if (cikk!="" && ($("#page_artlist_"+cikk.replace(/-/g,'__unas__')+" .page_art_func_compare").hasClass("page_art_func_compare_checked") || $(".page_artlist_sku_"+cikk.replace(/-/g,'__unas__')+" .page_art_func_compare").hasClass("page_art_func_compare_checked") || $(".page_artdet_func_compare_"+cikk.replace(/-/g,'__unas__')).hasClass("page_artdet_func_compare_checked"))) {
            compare_box_refresh(cikk,"delete");
        } else {
            if (cikk!="") compare_checkbox(cikk,"add")
                                    $.shop_popup("open",{
                ajax_url:"https://www.notoopink.com/shop_compare.php",
                ajax_data:"cikk="+cikk+"&change_lang=hu&get_ajax=1",
                width: "content",
                height: "content",
                offsetHeight: 32,
                modal:0.6,
                contentId:"page_compare_table",
                popupId:"compare",
                class:"shop_popup_compare shop_popup_artdet",
                overflow: "auto"
            });

            if (google_analytics==1) gtag("event", "show_compare", { });

                    }
            }
    
$(document).ready(function(){
    setTimeout(function() {

        
    }, 300);

});

/* ]]> */
</script>


<script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"WebSite","url":"https:\/\/www.notoopink.com\/","name":"notoopink","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.notoopink.com\/shop_search.php?search={search_term}","query-input":"required name=search_term"}}</script>

<script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Organization","name":"IntellControls Kft","legalName":"IntellControls Kft","url":"https:\/\/www.notoopink.com","address":{"@type":"PostalAddress","streetAddress":"Arad u. 32","addressLocality":"Biharkeresztes","postalCode":"4110","addressCountry":"HU"},"contactPoint":{"@type":"contactPoint","telephone":"+36304277636","email":"contact@intelltech.eu"}}</script>
<div class="cookie-alert cookie-alert-popup cookie_alert_5 overlay_common" id="overlay_cookie_alert"
    role="dialog" aria-labelledby="cookie_alert_title" aria-describedby="cookie_alert_description" style="display:none;"
>
    <div class="cookie-alert__inner py-4">
        <div class="container text-left">
            <div>
                <div id="cookie_alert_title" class="cookie-alert__title font-weight-bold">Adatkezelési beállítások</div>
                <div id="cookie_alert_description" class="cookie-alert__text font-s">Weboldalunk az alapvető működéshez szükséges cookie-kat használ. Szélesebb körű funkcionalitáshoz (marketing, statisztika, személyre szabás) egyéb cookie-kat engedélyezhet. Részletesebb információkat az <a href="https://www.notoopink.com/shop_help.php?tab=privacy_policy" target="_blank" class="text_normal"><b>Adatkezelési tájékoztató</b></a>ban talál.</div>
            </div>
            <div class="py-3 px-md-4">
                <div class="cookie-alert__checkboxes" role="radiogroup" aria-labelledby="cookie_alert_title" style="display: none;">
                    <div class="custom-control form-check custom-checkbox mb-2">
                        <input aria-describedby="checkbox_working_description" class="custom-control-input form-check-input" type="checkbox" id="cookie_alert_checkbox_working" checked="checked" disabled="disabled" />
                        <label for="cookie_alert_checkbox_working" class="custom-control-label form-check-label font-weight-bold">Működéshez szükséges cookie-k</label>
                        <div id="checkbox_working_description" class="font-s">A működéshez szükséges cookie-k döntő fontosságúak a weboldal alapvető funkciói szempontjából, és a weboldal ezek nélkül nem fog megfelelően működni. Ezek a sütik nem tárolnak személyazonosításra alkalmas adatokat.</div>
                    </div>
                    <div class="custom-control form-check custom-checkbox mb-2">
                        <input aria-describedby="checkbox_market_description" class="custom-control-input form-check-input" type="checkbox" id="cookie_alert_checkbox_marketing" value="1" />
                        <label for="cookie_alert_checkbox_marketing" class="custom-control-label form-check-label font-weight-bold">Marketing cookie-k</label>
                        <div id="checkbox_market_description" class="font-s">A marketing cookie-kat a látogatók weboldal-tevékenységének nyomon követésére használjuk. A cél az, hogy releváns hirdetéseket tegyünk közzé az egyéni felhasználók számára (pl. <a href='https://business.safety.google/privacy/' target='_blank'>Google Ads</a>, <a href='https://www.facebook.com/privacy/policies/cookies' target='_blank'>Facebook Ads</a>), valamint aktivitásra buzdítsuk őket, ez pedig még értékesebbé teszi weboldalunkat.</div>
                    </div>
                    <div class="custom-control form-check custom-checkbox mb-2">
                        <input aria-describedby="checkbox_stats_description" class="custom-control-input form-check-input" type="checkbox" id="cookie_alert_checkbox_statistics" value="1" />
                        <label for="cookie_alert_checkbox_statistics" class="custom-control-label form-check-label font-weight-bold">Analitikai cookie-k</label>
                        <div id="checkbox_stats_description" class="font-s">Az adatok névtelen formában való gyűjtésén és jelentésén keresztül a statisztikai cookie-k segítenek a weboldal tulajdonosának abban, hogy megértse, hogyan lépnek interakcióba a látogatók a weboldallal.</div>
                    </div>
                    <div class="custom-control form-check custom-checkbox mb-2">
                        <input aria-describedby="checkbox_personalize_description" class="custom-control-input form-check-input" type="checkbox" id="cookie_alert_checkbox_personalization" value="1" />
                        <label for="cookie_alert_checkbox_personalization" class="custom-control-label form-check-label font-weight-bold">Cookie-k személyre szabáshoz</label>
                        <div id="checkbox_personalize_description" class="font-s">A személyre szabáshoz használt cookie-k segítségével olyan információkat tudunk megjegyezni, amelyek megváltoztatják a weboldal magatartását, illetve kinézetét.</div>
                    </div>
                                        <div class="cookie-alert__btn-save-wrap text-center mt-4">
                        <button class="cookie-alert__btn-set btn btn-primary icon--a-save" type="button">Kiválasztottak elfogadása</button>
                    </div>
                </div>
            </div>
            <div class="cookie-alert__btn-set-wrap text-center">
                <button class="cookie-alert__btn-allow btn btn-primary icon--a-check m-2" type="button">Összes elfogadása</button>
                <button class="cookie-alert__btn-decline btn btn-secondary icon--a-close m-2" type="button">Szükségesek elfogadása</button>
                <button class="cookie-alert__btn-config btn btn-link" type="button" aria-expanded="false">Beállítások</button>
            </div>
        </div>
    </div>
</div>
<script>
        $(document).on("overlayInited", function (e, response) {
        if (response.id == 'cookie_alert') {
            cookie_alert_overlay();
            console.log('cookie felugrasztása');
        }
    });
        $(document).ready(function(){
        overlay_init("cookie_alert",{})

        $(".cookie-alert__btn-set").on("click",function(){
            $('#overlay_cookie_alert').overlay().close();
            cookie_alert_action(1,(($('#cookie_alert_checkbox_marketing').prop('checked')==true)?1:0),(($('#cookie_alert_checkbox_statistics').prop('checked')==true)?1:0),(($('#cookie_alert_checkbox_personalization').prop('checked')==true)?1:0));
        });

        $(".cookie-alert__btn-decline").on("click",function(){
            $('#cookie_alert_checkbox_marketing').prop("checked",false);
            $('#cookie_alert_checkbox_statistics').prop("checked",false);
            $('#cookie_alert_checkbox_personalization').prop("checked",false);
            $('#overlay_cookie_alert').overlay().close();
            cookie_alert_action(1,0,0,0);
        });

        $(".cookie-alert__btn-allow").on("click",function(){
            $('#cookie_alert_checkbox_marketing').prop("checked",true);
            $('#cookie_alert_checkbox_statistics').prop("checked",true);
            $('#cookie_alert_checkbox_personalization').prop("checked",true);
            $('#overlay_cookie_alert').overlay().close();
            cookie_alert_action(1,1,1,1);
        });

        $(".cookie-alert__btn-open").show();
        $(".cookie-alert__btn-open").on("click",function(){
            $('.cookie-alert__btn-set-wrap').css('display','none');
            $('.cookie-alert__checkboxes').css("display","block");
            cookie_alert_overlay();
        });

        $(".cookie-alert__btn-config").on("click", function() {
            $('.cookie-alert__btn-set-wrap').slideToggle(300);
            const $this = $(this);
            $this.attr('aria-expanded', (_, attr) => (attr == 'false' ? 'true' : 'false'));
            $('.cookie-alert__checkboxes').slideToggle(300, function() {
                $this.trigger('openCookieConfig');
            });
        }).on('openCookieConfig', function() {
            requestAnimationFrame(() => {
                const $overlayCookieSetting = $('.cookie-alert__checkboxes');
                const $focusableElements = $overlayCookieSetting.find('button, input:not([disabled]), a[href]:not([href="#"]):not(.close)');

                if ($focusableElements.length === 0) {
                    return;
                }

                window.manageFocus?.("#overlay_cookie_alert", {
                    focusTo: $focusableElements.first(),
                });
            });
        });

        $(document).on("closeConsent", function () {
            window.announceToScreenReader?.('modalClose',{'label': `Adatkezelési beállítások`});
        });
        $(document).on("grantConsent", function () {
            window.announceToScreenReader?.('grantConsent');
        });
        $(document).on("rejectConsent", function () {
            window.announceToScreenReader?.('rejectConsent');
        });
    });
</script><div id="a11y-status" aria-live="assertive" aria-atomic="true" class="sr-only visually-hidden"></div>

            </body>
    
</html>