{"id":157,"date":"2026-08-17T14:10:44","date_gmt":"2026-08-17T14:10:44","guid":{"rendered":"https:\/\/hetvenhat.hu\/?page_id=157"},"modified":"2026-08-28T12:54:21","modified_gmt":"2026-08-28T12:54:21","slug":"viszonteladoknak-2","status":"publish","type":"page","link":"https:\/\/hetvenhat.hu\/en\/viszonteladoknak-2\/","title":{"rendered":"for trade customers"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"157\" class=\"elementor elementor-157\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3272ed e-flex e-con-boxed e-con e-parent\" data-id=\"b3272ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9bde0f elementor-widget elementor-widget-html\" data-id=\"a9bde0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hh-reseller-page\" id=\"viszonteladoknak\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');\r\n\r\n:root{\r\n    --hh-black:#050505;\r\n    --hh-black-soft:#0a0a0a;\r\n    --hh-card:#0d0d0d;\r\n    --hh-gold:#d3ad5d;\r\n    --hh-gold-light:#efd38f;\r\n    --hh-cream:#f3ead8;\r\n    --hh-muted:#9f978b;\r\n    --hh-border:rgba(211,173,93,.22);\r\n}\r\n\r\n*{box-sizing:border-box}\r\n\r\nhtml{scroll-behavior:smooth}\r\n\r\nbody{\r\n    margin:0;\r\n    background:var(--hh-black);\r\n}\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html .elementor-widget-container{\r\n    width:100%;\r\n    max-width:none!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n}\r\n\r\n.hh-reseller-page{\r\n    width:100vw;\r\n    max-width:none;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    background:\r\n        radial-gradient(circle at 72% 6%,rgba(211,173,93,.055),transparent 24%),\r\n        var(--hh-black);\r\n    color:var(--hh-cream);\r\n    font-family:'Montserrat',sans-serif;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ============================================================\r\n   HEADER\r\n============================================================ *\/\r\n\r\n.hh-header{\r\n    position:fixed;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:88px;\r\n    z-index:99999;\r\n    display:flex;\r\n    align-items:center;\r\n    background:rgba(5,5,5,.36);\r\n    backdrop-filter:blur(7px);\r\n    -webkit-backdrop-filter:blur(7px);\r\n    border-bottom:1px solid rgba(211,173,93,.07);\r\n    transition:\r\n        background .35s ease,\r\n        backdrop-filter .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.hh-header.scrolled{\r\n    background:rgba(5,5,5,.95);\r\n    backdrop-filter:blur(20px);\r\n    -webkit-backdrop-filter:blur(20px);\r\n    border-bottom-color:rgba(211,173,93,.16);\r\n}\r\n\r\n.hh-header-inner{\r\n    width:min(1500px,calc(100% - 64px));\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:34px;\r\n}\r\n\r\n.hh-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    flex-shrink:0;\r\n    color:var(--hh-cream);\r\n    text-decoration:none;\r\n}\r\n\r\n.hh-logo-number{\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:52px;\r\n    font-weight:500;\r\n    line-height:.85;\r\n    letter-spacing:-3px;\r\n    color:var(--hh-gold);\r\n}\r\n\r\n.hh-logo-text{\r\n    display:flex;\r\n    flex-direction:column;\r\n    line-height:1;\r\n}\r\n\r\n.hh-logo-main{\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:25px;\r\n    font-weight:600;\r\n    letter-spacing:.5px;\r\n}\r\n\r\n.hh-logo-sub{\r\n    margin-top:5px;\r\n    color:var(--hh-gold);\r\n    font-size:8px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    white-space:nowrap;\r\n}\r\n\r\n.hh-nav{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-end;\r\n    gap:clamp(14px,1.6vw,28px);\r\n}\r\n\r\n.hh-nav a{\r\n    position:relative;\r\n    color:#ded7cb;\r\n    text-decoration:none;\r\n    font-size:12px;\r\n    font-weight:500;\r\n    white-space:nowrap;\r\n    transition:color .25s ease;\r\n}\r\n\r\n.hh-nav a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-10px;\r\n    width:0;\r\n    height:1px;\r\n    background:var(--hh-gold);\r\n    transition:width .3s ease;\r\n}\r\n\r\n.hh-nav a:hover,\r\n.hh-nav a.active{\r\n    color:var(--hh-gold-light);\r\n}\r\n\r\n.hh-nav a:hover::after,\r\n.hh-nav a.active::after{\r\n    width:100%;\r\n}\r\n\r\n.hh-mobile-toggle{\r\n    display:none;\r\n    width:44px;\r\n    height:44px;\r\n    border:1px solid var(--hh-border);\r\n    background:rgba(0,0,0,.45);\r\n    border-radius:50%;\r\n    align-items:center;\r\n    justify-content:center;\r\n    cursor:pointer;\r\n    padding:0;\r\n}\r\n\r\n.hh-mobile-toggle span,\r\n.hh-mobile-toggle span::before,\r\n.hh-mobile-toggle span::after{\r\n    width:18px;\r\n    height:1px;\r\n    display:block;\r\n    position:relative;\r\n    background:var(--hh-gold-light);\r\n}\r\n\r\n.hh-mobile-toggle span::before,\r\n.hh-mobile-toggle span::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n}\r\n\r\n.hh-mobile-toggle span::before{top:-6px}\r\n.hh-mobile-toggle span::after{top:6px}\r\n\r\n\/* ============================================================\r\n   HERO\r\n============================================================ *\/\r\n\r\n.hh-reseller-hero{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:15\/8;\r\n    min-height:0;\r\n    display:flex;\r\n    align-items:center;\r\n    overflow:hidden;\r\n    background:#050505;\r\n}\r\n\r\n.hh-reseller-image{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    background:#050505;\r\n}\r\n\r\n.hh-reseller-image img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:contain;\r\n    object-position:center center;\r\n    transform:none!important;\r\n}\r\n\r\n.hh-reseller-hero::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    pointer-events:none;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,5,5,.98) 0%,\r\n            rgba(5,5,5,.94) 17%,\r\n            rgba(5,5,5,.68) 34%,\r\n            rgba(5,5,5,.24) 55%,\r\n            rgba(5,5,5,.03) 100%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(5,5,5,.99) 0%,\r\n            rgba(5,5,5,.24) 25%,\r\n            rgba(5,5,5,.03) 60%\r\n        );\r\n}\r\n\r\n.hh-reseller-content{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1500px,calc(100% - 64px));\r\n    margin:0 auto;\r\n    padding-top:88px;\r\n}\r\n\r\n.hh-reseller-content-inner{\r\n    max-width:700px;\r\n}\r\n\r\n.hh-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:24px;\r\n    color:var(--hh-gold);\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.hh-eyebrow::before{\r\n    content:\"\";\r\n    width:42px;\r\n    height:1px;\r\n    background:var(--hh-gold);\r\n}\r\n\r\n.hh-reseller-content h1{\r\n    margin:0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:clamp(62px,7vw,116px);\r\n    font-weight:500;\r\n    line-height:.84;\r\n    letter-spacing:-4px;\r\n}\r\n\r\n.hh-reseller-content h1 em{\r\n    display:block;\r\n    color:var(--hh-gold-light);\r\n    font-style:italic;\r\n    font-weight:400;\r\n}\r\n\r\n.hh-reseller-copy{\r\n    max-width:590px;\r\n    margin:30px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    color:rgba(243,234,216,.82);\r\n    font-size:22px;\r\n    line-height:1.5;\r\n}\r\n\r\n.hh-hero-cta{\r\n    margin-top:34px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    min-height:58px;\r\n    padding:0 28px;\r\n    background:var(--hh-gold);\r\n    color:#0a0907;\r\n    text-decoration:none;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    border:1px solid var(--hh-gold);\r\n    transition:transform .3s ease,background .3s ease;\r\n}\r\n\r\n.hh-hero-cta:hover{\r\n    transform:translateY(-3px);\r\n    background:var(--hh-gold-light);\r\n}\r\n\r\n.hh-hero-cta .arr{\r\n    font-size:18px;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.hh-hero-cta:hover .arr{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\/* ============================================================\r\n   COMMON\r\n============================================================ *\/\r\n\r\n.hh-section{\r\n    position:relative;\r\n    padding:120px 0;\r\n}\r\n\r\n.hh-section-inner{\r\n    width:min(1260px,calc(100% - 64px));\r\n    margin:0 auto;\r\n}\r\n\r\n.hh-section-kicker{\r\n    color:var(--hh-gold);\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:4px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.hh-section-title{\r\n    margin:16px 0 0;\r\n    max-width:980px;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:clamp(46px,5.4vw,78px);\r\n    font-weight:500;\r\n    line-height:.98;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.hh-section-title em{\r\n    color:var(--hh-gold-light);\r\n    font-style:italic;\r\n    font-weight:400;\r\n}\r\n\r\n.hh-section-copy{\r\n    max-width:760px;\r\n    margin:28px 0 0;\r\n    color:var(--hh-muted);\r\n    font-size:15px;\r\n    line-height:1.85;\r\n}\r\n\r\n.hh-reveal{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n    transition:\r\n        opacity .8s cubic-bezier(.2,.75,.25,1),\r\n        transform .8s cubic-bezier(.2,.75,.25,1);\r\n}\r\n\r\n.hh-reveal.visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* ============================================================\r\n   WHO FOR\r\n============================================================ *\/\r\n\r\n.hh-audience{\r\n    background:\r\n        radial-gradient(circle at 50% 0%,rgba(211,173,93,.045),transparent 34%),\r\n        #070707;\r\n}\r\n\r\n.hh-audience-grid{\r\n    margin-top:55px;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    border-top:1px solid var(--hh-border);\r\n    border-bottom:1px solid var(--hh-border);\r\n}\r\n\r\n.hh-audience-card{\r\n    position:relative;\r\n    min-height:245px;\r\n    padding:34px 28px;\r\n}\r\n\r\n.hh-audience-card:not(:last-child)::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:18%;\r\n    right:0;\r\n    width:1px;\r\n    height:64%;\r\n    background:var(--hh-border);\r\n}\r\n\r\n.hh-audience-num{\r\n    color:var(--hh-gold);\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:30px;\r\n}\r\n\r\n.hh-audience-card h3{\r\n    margin:42px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:28px;\r\n    font-weight:500;\r\n}\r\n\r\n.hh-audience-card p{\r\n    margin:13px 0 0;\r\n    color:#777066;\r\n    font-size:12px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* ============================================================\r\n   STATEMENT\r\n============================================================ *\/\r\n\r\n.hh-statement{\r\n    padding:140px 0;\r\n    text-align:center;\r\n    background:#050505;\r\n}\r\n\r\n.hh-statement-inner{\r\n    width:min(1050px,calc(100% - 64px));\r\n    margin:0 auto;\r\n}\r\n\r\n.hh-statement-line{\r\n    width:1px;\r\n    height:65px;\r\n    margin:0 auto 35px;\r\n    background:linear-gradient(to bottom,transparent,var(--hh-gold));\r\n}\r\n\r\n.hh-statement h2{\r\n    margin:0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:clamp(54px,6vw,92px);\r\n    font-weight:500;\r\n    line-height:.92;\r\n    letter-spacing:-3px;\r\n}\r\n\r\n.hh-statement h2 em{\r\n    display:block;\r\n    color:var(--hh-gold-light);\r\n    font-style:italic;\r\n    font-weight:400;\r\n}\r\n\r\n.hh-statement p{\r\n    max-width:700px;\r\n    margin:30px auto 0;\r\n    color:var(--hh-muted);\r\n    font-size:15px;\r\n    line-height:1.85;\r\n}\r\n\r\n\/* ============================================================\r\n   BENEFITS\r\n============================================================ *\/\r\n\r\n.hh-benefits{\r\n    background:#080808;\r\n}\r\n\r\n.hh-benefit-grid{\r\n    margin-top:58px;\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:14px;\r\n}\r\n\r\n.hh-benefit{\r\n    position:relative;\r\n    padding:34px 34px 32px;\r\n    min-height:175px;\r\n    border:1px solid rgba(211,173,93,.17);\r\n    background:\r\n        linear-gradient(145deg,rgba(255,255,255,.02),transparent 55%),\r\n        #0a0a0a;\r\n    transition:transform .3s ease,border-color .3s ease,background .3s ease;\r\n}\r\n\r\n.hh-benefit:hover{\r\n    transform:translateY(-4px);\r\n    border-color:rgba(211,173,93,.42);\r\n    background:#0c0c0c;\r\n}\r\n\r\n.hh-benefit h3{\r\n    margin:0;\r\n    color:var(--hh-cream);\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:29px;\r\n    font-weight:500;\r\n}\r\n\r\n.hh-benefit p{\r\n    margin:13px 0 0;\r\n    color:#817a70;\r\n    font-size:12px;\r\n    line-height:1.75;\r\n}\r\n\r\n.hh-benefit-mark{\r\n    position:absolute;\r\n    top:28px;\r\n    right:30px;\r\n    color:rgba(211,173,93,.35);\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:22px;\r\n}\r\n\r\n\/* ============================================================\r\n   PROCESS\r\n============================================================ *\/\r\n\r\n.hh-process{\r\n    background:\r\n        radial-gradient(circle at 15% 50%,rgba(211,173,93,.05),transparent 30%),\r\n        #050505;\r\n}\r\n\r\n.hh-process-grid{\r\n    margin-top:58px;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:0;\r\n    border-top:1px solid var(--hh-border);\r\n    border-bottom:1px solid var(--hh-border);\r\n}\r\n\r\n.hh-process-step{\r\n    position:relative;\r\n    padding:42px 34px 38px;\r\n    min-height:265px;\r\n}\r\n\r\n.hh-process-step:not(:last-child)::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:0;\r\n    top:17%;\r\n    width:1px;\r\n    height:66%;\r\n    background:var(--hh-border);\r\n}\r\n\r\n.hh-process-number{\r\n    color:var(--hh-gold);\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:42px;\r\n    line-height:1;\r\n}\r\n\r\n.hh-process-step h3{\r\n    margin:38px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:31px;\r\n    font-weight:500;\r\n}\r\n\r\n.hh-process-step p{\r\n    margin:14px 0 0;\r\n    color:#817a70;\r\n    font-size:12px;\r\n    line-height:1.75;\r\n}\r\n\r\n\/* ============================================================\r\n   CTA\r\n============================================================ *\/\r\n\r\n.hh-cta{\r\n    position:relative;\r\n    padding:135px 0 145px;\r\n    text-align:center;\r\n    overflow:hidden;\r\n    background:#080808;\r\n}\r\n\r\n.hh-cta::before{\r\n    content:\"76\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:46%;\r\n    transform:translate(-50%,-50%);\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:min(37vw,500px);\r\n    line-height:1;\r\n    color:rgba(211,173,93,.025);\r\n    pointer-events:none;\r\n}\r\n\r\n.hh-cta-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(880px,calc(100% - 64px));\r\n    margin:0 auto;\r\n}\r\n\r\n.hh-cta h2{\r\n    margin:15px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:clamp(50px,6vw,84px);\r\n    font-weight:500;\r\n    line-height:.95;\r\n}\r\n\r\n.hh-cta h2 em{\r\n    color:var(--hh-gold-light);\r\n    font-style:italic;\r\n    font-weight:400;\r\n}\r\n\r\n.hh-cta p{\r\n    max-width:650px;\r\n    margin:27px auto 0;\r\n    color:var(--hh-muted);\r\n    font-size:14px;\r\n    line-height:1.85;\r\n}\r\n\r\n.hh-cta-actions{\r\n    margin-top:38px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:12px;\r\n}\r\n\r\n.hh-cta-primary,\r\n.hh-cta-secondary{\r\n    min-height:58px;\r\n    padding:0 28px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:15px;\r\n    text-decoration:none;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    transition:transform .3s ease,background .3s ease,border-color .3s ease;\r\n}\r\n\r\n.hh-cta-primary{\r\n    color:#0a0907;\r\n    background:var(--hh-gold);\r\n    border:1px solid var(--hh-gold);\r\n}\r\n\r\n.hh-cta-secondary{\r\n    color:var(--hh-cream);\r\n    background:transparent;\r\n    border:1px solid rgba(211,173,93,.30);\r\n}\r\n\r\n.hh-cta-primary:hover,\r\n.hh-cta-secondary:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.hh-cta-primary:hover{\r\n    background:var(--hh-gold-light);\r\n}\r\n\r\n.hh-cta-secondary:hover{\r\n    border-color:var(--hh-gold);\r\n    background:rgba(211,173,93,.04);\r\n}\r\n\r\n.hh-quote{\r\n    margin-top:55px;\r\n    padding-top:28px;\r\n    border-top:1px solid var(--hh-border);\r\n}\r\n\r\n.hh-quote p{\r\n    margin:0 auto;\r\n    color:#c9bca6;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:24px;\r\n    font-style:italic;\r\n}\r\n\r\n.hh-quote span{\r\n    display:block;\r\n    margin-top:11px;\r\n    color:var(--hh-gold);\r\n    font-size:8px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media (max-width:1150px){\r\n\r\n    .hh-header-inner{\r\n        width:calc(100% - 38px);\r\n    }\r\n\r\n    .hh-mobile-toggle{\r\n        display:flex;\r\n        z-index:100001;\r\n    }\r\n\r\n    .hh-nav{\r\n        position:fixed!important;\r\n        top:0!important;\r\n        left:0!important;\r\n        width:100vw!important;\r\n        height:100svh!important;\r\n        padding:105px 24px 45px;\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n        justify-content:center;\r\n        gap:18px;\r\n        overflow-y:auto;\r\n        background:rgba(5,5,5,.99);\r\n        opacity:0;\r\n        visibility:hidden;\r\n        pointer-events:none;\r\n        z-index:100000!important;\r\n        transition:opacity .3s ease,visibility .3s ease;\r\n    }\r\n\r\n    .hh-nav.open{\r\n        opacity:1;\r\n        visibility:visible;\r\n        pointer-events:auto;\r\n    }\r\n\r\n    .hh-nav a{\r\n        width:100%;\r\n        padding:4px 0;\r\n        font-family:'Cormorant Garamond',serif;\r\n        font-size:clamp(31px,5vw,45px);\r\n        line-height:1.05;\r\n    }\r\n\r\n    .hh-audience-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hh-audience-card:nth-child(2)::after{\r\n        display:none;\r\n    }\r\n\r\n    .hh-audience-card:nth-child(-n+2){\r\n        border-bottom:1px solid var(--hh-border);\r\n    }\r\n}\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width:700px){\r\n\r\n    .hh-header{\r\n        height:74px;\r\n        background:rgba(5,5,5,.95);\r\n        backdrop-filter:blur(16px);\r\n        -webkit-backdrop-filter:blur(16px);\r\n    }\r\n\r\n    .hh-header-inner{\r\n        width:100%!important;\r\n        max-width:100%!important;\r\n        padding:0 16px;\r\n        margin:0!important;\r\n        gap:12px;\r\n    }\r\n\r\n    .hh-logo{\r\n        min-width:0;\r\n        gap:9px;\r\n    }\r\n\r\n    .hh-logo-number{\r\n        font-size:40px;\r\n    }\r\n\r\n    .hh-logo-main{\r\n        font-size:18px;\r\n        white-space:nowrap;\r\n    }\r\n\r\n    .hh-logo-sub{\r\n        font-size:6px;\r\n        letter-spacing:1.7px;\r\n    }\r\n\r\n    .hh-mobile-toggle{\r\n        display:flex!important;\r\n        flex:0 0 44px;\r\n        margin-left:auto;\r\n    }\r\n\r\n    .hh-reseller-hero{\r\n        width:100%;\r\n        aspect-ratio:auto;\r\n        min-height:790px;\r\n        align-items:flex-end;\r\n        padding-top:74px;\r\n    }\r\n\r\n    .hh-reseller-image{\r\n        top:74px;\r\n        bottom:auto;\r\n        width:100%;\r\n        height:auto;\r\n        aspect-ratio:15\/8;\r\n    }\r\n\r\n    .hh-reseller-image img{\r\n        object-fit:contain;\r\n        object-position:center center;\r\n    }\r\n\r\n    .hh-reseller-hero::before{\r\n        background:\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(5,5,5,.02) 0%,\r\n                rgba(5,5,5,.05) 25%,\r\n                rgba(5,5,5,.34) 42%,\r\n                rgba(5,5,5,.92) 58%,\r\n                #050505 72%,\r\n                #050505 100%\r\n            );\r\n    }\r\n\r\n    .hh-reseller-content{\r\n        width:calc(100% - 36px);\r\n        padding:0 0 52px;\r\n    }\r\n\r\n    .hh-reseller-content-inner{\r\n        max-width:100%;\r\n    }\r\n\r\n    .hh-eyebrow{\r\n        margin-bottom:15px;\r\n        font-size:9px;\r\n        letter-spacing:3px;\r\n    }\r\n\r\n    .hh-eyebrow::before{\r\n        width:30px;\r\n    }\r\n\r\n    .hh-reseller-content h1{\r\n        font-size:clamp(54px,16vw,74px);\r\n        line-height:.87;\r\n        letter-spacing:-2.5px;\r\n    }\r\n\r\n    .hh-reseller-copy{\r\n        max-width:350px;\r\n        margin-top:22px;\r\n        font-size:18px;\r\n        line-height:1.45;\r\n    }\r\n\r\n    .hh-hero-cta{\r\n        width:100%;\r\n        justify-content:space-between;\r\n        min-height:56px;\r\n        margin-top:27px;\r\n    }\r\n\r\n    .hh-section{\r\n        padding:78px 0;\r\n    }\r\n\r\n    .hh-section-inner,\r\n    .hh-statement-inner,\r\n    .hh-cta-inner{\r\n        width:calc(100% - 36px);\r\n    }\r\n\r\n    .hh-section-title{\r\n        font-size:clamp(43px,12vw,58px);\r\n        letter-spacing:-1.4px;\r\n    }\r\n\r\n    .hh-section-copy{\r\n        font-size:13px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    .hh-audience-grid{\r\n        grid-template-columns:1fr;\r\n        margin-top:42px;\r\n    }\r\n\r\n    .hh-audience-card{\r\n        min-height:0;\r\n        padding:28px 18px;\r\n        border-bottom:1px solid var(--hh-border)!important;\r\n    }\r\n\r\n    .hh-audience-card:last-child{\r\n        border-bottom:none!important;\r\n    }\r\n\r\n    .hh-audience-card::after{\r\n        display:none!important;\r\n    }\r\n\r\n    .hh-audience-card h3{\r\n        margin-top:25px;\r\n    }\r\n\r\n    .hh-statement{\r\n        padding:95px 0;\r\n    }\r\n\r\n    .hh-statement-line{\r\n        height:45px;\r\n        margin-bottom:28px;\r\n    }\r\n\r\n    .hh-statement h2{\r\n        font-size:clamp(48px,14vw,66px);\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .hh-statement p{\r\n        font-size:13px;\r\n        line-height:1.8;\r\n    }\r\n\r\n    .hh-benefit-grid{\r\n        grid-template-columns:1fr;\r\n        margin-top:42px;\r\n    }\r\n\r\n    .hh-benefit{\r\n        min-height:0;\r\n        padding:28px 24px;\r\n    }\r\n\r\n    .hh-process-grid{\r\n        grid-template-columns:1fr;\r\n        margin-top:42px;\r\n    }\r\n\r\n    .hh-process-step{\r\n        min-height:0;\r\n        padding:30px 20px;\r\n        border-bottom:1px solid var(--hh-border);\r\n    }\r\n\r\n    .hh-process-step:last-child{\r\n        border-bottom:none;\r\n    }\r\n\r\n    .hh-process-step::after{\r\n        display:none!important;\r\n    }\r\n\r\n    .hh-process-step h3{\r\n        margin-top:24px;\r\n    }\r\n\r\n    .hh-cta{\r\n        padding:92px 0 100px;\r\n    }\r\n\r\n    .hh-cta-actions{\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n    }\r\n\r\n    .hh-cta-primary,\r\n    .hh-cta-secondary{\r\n        width:100%;\r\n    }\r\n\r\n    .hh-quote{\r\n        margin-top:42px;\r\n    }\r\n\r\n    .hh-quote p{\r\n        font-size:21px;\r\n    }\r\n}\r\n\r\n@media (max-width:420px){\r\n\r\n    .hh-header-inner{\r\n        padding-left:13px;\r\n        padding-right:13px;\r\n    }\r\n\r\n    .hh-logo-number{\r\n        font-size:37px;\r\n    }\r\n\r\n    .hh-logo-main{\r\n        font-size:16px;\r\n    }\r\n\r\n    .hh-reseller-hero{\r\n        min-height:760px;\r\n    }\r\n\r\n    .hh-reseller-content{\r\n        width:calc(100% - 30px);\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n    *,\r\n    *::before,\r\n    *::after{\r\n        scroll-behavior:auto!important;\r\n        transition-duration:.01ms!important;\r\n        animation-duration:.01ms!important;\r\n    }\r\n\r\n    .hh-reveal{\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ==========================================================\r\n     HEADER \/ ALL SITE LINKS\r\n=========================================================== -->\r\n\r\n<header class=\"hh-header\" id=\"hhHeader\">\r\n    <div class=\"hh-header-inner\">\r\n\r\n        <a class=\"hh-logo\" href=\"https:\/\/hetvenhat.hu\/en\/\">\r\n            <span class=\"hh-logo-number\">76<\/span>\r\n\r\n            <span class=\"hh-logo-text\">\r\n                <span class=\"hh-logo-main\">seventy-six<\/span>\r\n                <span class=\"hh-logo-sub\">Wine Bar &amp; Webshop<\/span>\r\n            <\/span>\r\n        <\/a>\r\n\r\n        <nav class=\"hh-nav\" id=\"hhNav\">\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/\">Home<\/a>\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/webshop-2\/\">Online shop<\/a>\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/kostolok\/\">Tastings<\/a>\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/boraszaink\/\">Our winemakers<\/a>\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/hirek-2\/\">News<\/a>\r\n\r\n            <a\r\n                href=\"https:\/\/hetvenhat.hu\/en\/viszonteladoknak\/\"\r\n                class=\"active\"\r\n            >\r\n                For trade\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/hetvenhat.hu\/en\/kapcsolat-2\/\">Contact<\/a>\r\n\r\n        <\/nav>\r\n\r\n        <button\r\n            class=\"hh-mobile-toggle\"\r\n            id=\"hhMobileToggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open menu\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- ==========================================================\r\n     HERO\r\n=========================================================== -->\r\n\r\n<section class=\"hh-reseller-hero\">\r\n\r\n    <div class=\"hh-reseller-image\">\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/hetvenhat.hu\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-28-2026-01_52_54-PM.png\"\r\n            alt=\"Hetvenhat viszontelad\u00f3knak\"\r\n        >\r\n    <\/div>\r\n\r\n    <div class=\"hh-reseller-content\">\r\n        <div class=\"hh-reseller-content-inner\">\r\n\r\n            <div class=\"hh-eyebrow\">\r\n                For trade\r\n            <\/div>\r\n\r\n            <h1>\r\n                Take<br>\r\n                <em>from us.<\/em>\r\n            <\/h1>\r\n\r\n            <p class=\"hh-reseller-copy\">\r\n                Do you have a wine shop? A restaurant? A bar? A hotel?\nOr do you just want to order a conspicuously large amount of wine?\nLet's talk.\r\n            <\/p>\r\n\r\n            <a\r\n                class=\"hh-hero-cta\"\r\n                href=\"https:\/\/hetvenhat.hu\/en\/kapcsolat-2\/\"\r\n            >\r\n                I would like to become a reseller\r\n                <span class=\"arr\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================================\r\n     WHO FOR\r\n=========================================================== -->\r\n\r\n<section class=\"hh-section hh-audience\">\r\n\r\n    <div class=\"hh-section-inner hh-reveal\">\r\n\r\n        <div class=\"hh-section-kicker\">\r\n            Who is it for?\r\n        <\/div>\r\n\r\n        <h2 class=\"hh-section-title\">\r\n            If you sell honey to people,\r\n            <em>you've come to the right place.<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"hh-section-copy\">\r\n            We don't want to overcomplicate it. We are looking for partners who want to stock good wine, work with it normally, and preferably don't ask for a PowerPoint presentation for a bottle of Kadarka.\r\n        <\/p>\r\n\r\n        <div class=\"hh-audience-grid\">\r\n\r\n            <div class=\"hh-audience-card\">\r\n                <div class=\"hh-audience-num\">01<\/div>\r\n                <h3>Plums<\/h3>\r\n                <p>\r\n                    Selected items for shelves where it matters what goes behind the label.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-audience-card\">\r\n                <div class=\"hh-audience-num\">02<\/div>\r\n                <h3>Restaurants &amp; bistros<\/h3>\r\n                <p>\r\n                    Wines that deserve a place on the menu,\r\n                    not just because the bottle looks good.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-audience-card\">\r\n                <div class=\"hh-audience-num\">03<\/div>\r\n                <h3>Bars &amp; caf\u00e9s<\/h3>\r\n                <p>\r\n                    Carafe and bottled selections you won't need to feel ashamed of on a Friday night.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-audience-card\">\r\n                <div class=\"hh-audience-num\">04<\/div>\r\n                <h3>Hotels &amp; venues<\/h3>\r\n                <p>\r\n                    For events, rooms, dinners, or when someone says \u201elet's have some good wine\u201d.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================================\r\n     STATEMENT\r\n=========================================================== -->\r\n\r\n<section class=\"hh-statement\">\r\n\r\n    <div class=\"hh-statement-inner hh-reveal\">\r\n\r\n        <div class=\"hh-statement-line\"><\/div>\r\n\r\n        <h2>\r\n            We don't want 800 bottles\r\n            <em>like to overturn.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n            We would rather help you choose the few items that actually work for you. Fewer wasted efforts, more bottles that guests will ask for a second time.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================================\r\n     BENEFITS\r\n=========================================================== -->\r\n\r\n<section class=\"hh-section hh-benefits\">\r\n\r\n    <div class=\"hh-section-inner hh-reveal\">\r\n\r\n        <div class=\"hh-section-kicker\">\r\n            What we give\r\n        <\/div>\r\n\r\n        <h2 class=\"hh-section-title\">\r\n            As a partner, not just a\r\n            <em>You will receive a price list.<\/em>\r\n        <\/h2>\r\n\r\n        <div class=\"hh-benefit-grid\">\r\n\r\n            <div class=\"hh-benefit\">\r\n                <div class=\"hh-benefit-mark\">01<\/div>\r\n                <h3>Fine wines<\/h3>\r\n                <p>\r\n                    We aren't going for volume. We are looking for items that have a winemaker, a story, and a sensible reason behind them.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-benefit\">\r\n                <div class=\"hh-benefit-mark\">02<\/div>\r\n                <h3>Wholesale prices<\/h3>\r\n                <p>\r\n                    Partner pricing based on volume, product range and regularity. No need for Excel acrobatics.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-benefit\">\r\n                <div class=\"hh-benefit-mark\">03<\/div>\r\n                <h3>Personalised selection<\/h3>\r\n                <p>\r\n                    A bistro needs something different than a wine shop. We'll help you put together a selection that works for you.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-benefit\">\r\n                <div class=\"hh-benefit-mark\">04<\/div>\r\n                <h3>Tasting &amp; Presentation<\/h3>\r\n                <p>\r\n                    If necessary, we can also show you the wines in person. Yes, probably in a roll-neck.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================================\r\n     PROCESS\r\n=========================================================== -->\r\n\r\n<section class=\"hh-section hh-process\">\r\n\r\n    <div class=\"hh-section-inner hh-reveal\">\r\n\r\n        <div class=\"hh-section-kicker\">\r\n            How does it work?\r\n        <\/div>\r\n\r\n        <h2 class=\"hh-section-title\">\r\n            Three steps.\r\n            <em>Not public procurement.<\/em>\r\n        <\/h2>\r\n\r\n        <div class=\"hh-process-grid\">\r\n\r\n            <div class=\"hh-process-step\">\r\n                <div class=\"hh-process-number\">01<\/div>\r\n                <h3>You are writing for us<\/h3>\r\n                <p>\r\n                    Tell us what kind of place you have, what you are looking for and roughly what quantities you have in mind.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-process-step\">\r\n                <div class=\"hh-process-number\">02<\/div>\r\n                <h3>Let's assemble it<\/h3>\r\n                <p>\r\n                    We are sending a personalised quote for the wines that we think will work for you.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hh-process-step\">\r\n                <div class=\"hh-process-number\">03<\/div>\r\n                <h3>Let's drink it<\/h3>\r\n                <p>\r\n                    I mean we will deliver it. The editorial team apologises for the misunderstanding.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ==========================================================\r\n     FINAL CTA\r\n=========================================================== -->\r\n\r\n<section class=\"hh-cta\">\r\n\r\n    <div class=\"hh-cta-inner hh-reveal\">\r\n\r\n        <div class=\"hh-section-kicker\">\r\n            Partnership\r\n        <\/div>\r\n\r\n        <h2>\r\n            Have it with you too\r\n            <em>Seventy-six.<\/em>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Tell us what business you have and what you are looking for. We will not automatically send you a 94-page catalogue. We'll talk first.\r\n        <\/p>\r\n\r\n        <div class=\"hh-cta-actions\">\r\n\r\n            <a\r\n                class=\"hh-cta-primary\"\r\n                href=\"https:\/\/hetvenhat.hu\/en\/kapcsolat-2\/\"\r\n            >\r\n                I would like a quote\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n            <a class=\"hh-cta-secondary\" href=\"https:\/\/wa.me\/36205658920\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                WhatsApp \u00b7 Zsolt\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"hh-quote\">\r\n            <p>\r\n                \u201eIf you're going to sell wine, at least let it be good.\u201d\r\n            <\/p>\r\n            <span>\r\n                Seventy-six reseller departments\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n\r\n    const header = document.getElementById('hhHeader');\r\n    const toggle = document.getElementById('hhMobileToggle');\r\n    const nav = document.getElementById('hhNav');\r\n\r\n    const updateHeader = () => {\r\n        if (window.scrollY > 35) {\r\n            header.classList.add('scrolled');\r\n        } else {\r\n            header.classList.remove('scrolled');\r\n        }\r\n    };\r\n\r\n    updateHeader();\r\n\r\n    window.addEventListener(\r\n        'scroll',\r\n        updateHeader,\r\n        { passive:true }\r\n    );\r\n\r\n    if (toggle && nav) {\r\n\r\n        toggle.addEventListener('click', () => {\r\n\r\n            const open = nav.classList.toggle('open');\r\n\r\n            toggle.setAttribute(\r\n                'aria-expanded',\r\n                open ? 'true' : 'false'\r\n            );\r\n\r\n            document.body.style.overflow =\r\n                open ? 'hidden' : '';\r\n\r\n        });\r\n\r\n        nav.querySelectorAll('a').forEach(link => {\r\n\r\n            link.addEventListener('click', () => {\r\n\r\n                nav.classList.remove('open');\r\n\r\n                toggle.setAttribute(\r\n                    'aria-expanded',\r\n                    'false'\r\n                );\r\n\r\n                document.body.style.overflow = '';\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n    const reveals =\r\n        document.querySelectorAll('.hh-reveal');\r\n\r\n    if ('IntersectionObserver' in window) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n                entries => {\r\n\r\n                    entries.forEach(entry => {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add('visible');\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n                { threshold:.12 }\r\n            );\r\n\r\n        reveals.forEach(\r\n            el => observer.observe(el)\r\n        );\r\n\r\n    } else {\r\n\r\n        reveals.forEach(\r\n            el => el.classList.add('visible')\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>76 HETVENHAT Wine Bar &amp; Webshop F\u0151oldal Webshop K\u00f3stol\u00f3k Bor\u00e1szaink H\u00edrek Viszontelad\u00f3knak Kapcsolat Viszontelad\u00f3knak Vigy\u00e9l bel\u0151l\u00fcnk. Borboltod van? \u00c9ttermed? B\u00e1rod? Sz\u00e1llod\u00e1d? Vagy csak felt\u0171n\u0151en sok bort szeretn\u00e9l rendelni? Besz\u00e9lj\u00fcnk. Viszontelad\u00f3 lenn\u00e9k \u2192 Kinek sz\u00f3l? Ha bort adsz el embereknek, j\u00f3 helyen j\u00e1rsz. Nem akarjuk t\u00falkomplik\u00e1lni. Olyan partnereket keres\u00fcnk, akik szeretn\u00e9nek j\u00f3 bort tartani, norm\u00e1lisan dolgozni [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/comments?post=157"}],"version-history":[{"count":7,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/157\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/157\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/media?parent=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}