.elementor-67 .elementor-element.elementor-element-6fd190e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-67 .elementor-element.elementor-element-7c61171{--display:flex;}@media(max-width:1024px){.elementor-67 .elementor-element.elementor-element-6fd190e{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-67 .elementor-element.elementor-element-6fd190e{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-4e3be9e *//* --- SCOPING --- */
#friending-hero-scope {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    width: 100%;
    position: relative;
}

#friending-hero-scope * {
    box-sizing: border-box;
}

/* Fő konténer */
#friending-hero-scope .fr-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    padding: 60px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Bal oldal: Szövegek */
#friending-hero-scope .fr-hero-content {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Verified Badge (Pill Style) */
#friending-hero-scope .fr-badge-pill {
    display: inline-flex;
    align-items: center;
    background-color: #e9fafa; /* Light Green */
    color: #000; /* Dark Green */
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid #BBF7D0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#friending-hero-scope .pulse-dot {
    width: 8px;
    height: 8px;
    background-color: #22c55e;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    animation: fr-pulse 2s infinite;
}

@keyframes fr-pulse {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

/* Címsor */
#friending-hero-scope .fr-hero-content h1 {
    font-size: 52px;
    line-height: 1.05;
    font-weight: 900;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    letter-spacing: -1px;
}

/* Alcím */
#friending-hero-scope p.fr-description {
    font-size: 19px;
    line-height: 1.6;
    color: #555;
    margin: 0 0 35px 0;
    font-weight: 400;
    max-width: 90%;
}

/* Buttons */
#friending-hero-scope .fr-store-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

#friending-hero-scope .fr-store-btn {
    text-decoration: none;
    display: inline-block;
    transition: transform 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
}

#friending-hero-scope .fr-store-btn:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

#friending-hero-scope .fr-store-btn img {
    height: 52px; /* Kicsit nagyobb gombok */
    width: auto;
    display: block;
}

/* Small Note */
#friending-hero-scope .fr-small-note {
    font-size: 14px;
    color: #888;
    margin: 0;
    font-weight: 500;
}

/* Right Side: Visual */
#friending-hero-scope .fr-hero-visual {
    width: 55%;
    display: flex;
    justify-content: center;
    position: relative;
}

#friending-hero-scope .fr-hero-visual img {
    width: 100%;
    height: auto;
    max-width: 700px;
    object-fit: contain;
    /* Árnyék eltávolítva, hogy teljesen beleolvadjon a fehér háttérbe */
    /* filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1)); */
}


/* --- MODAL STYLES (The Fun Part) --- */
#friending-hero-scope .fr-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

#friending-hero-scope .fr-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

#friending-hero-scope .fr-modal-card {
    background: #fff;
    padding: 40px;
    border-radius: 24px;
    width: 90%;
    max-width: 450px;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: scale(0.9);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
}

#friending-hero-scope .fr-modal-overlay.active .fr-modal-card {
    transform: scale(1);
}

#friending-hero-scope .fr-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}

#friending-hero-scope .fr-modal-icon {
    font-size: 60px;
    margin-bottom: 20px;
    animation: fr-bounce 2s infinite;
}

@keyframes fr-bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

#friending-hero-scope .fr-modal-card h3 {
    font-size: 24px;
    font-weight: 800;
    color: #1a1a1a;
    margin: 0 0 15px 0;
}

#friending-hero-scope .fr-modal-text {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 20px;
}

#friending-hero-scope .fr-modal-status {
    background: #F3F4F6;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    color: #374151;
    margin-bottom: 20px;
    border-left: 4px solid #FF5252;
}

#friending-hero-scope .fr-modal-subtext {
    font-size: 14px;
    color: #888;
    margin-bottom: 25px;
}

#friending-hero-scope .fr-modal-btn {
    background-color: #1a1a1a;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    transition: background 0.2s;
}

#friending-hero-scope .fr-modal-btn:hover {
    background-color: #333;
}


/* --- RESZPONZÍV --- */
@media screen and (max-width: 900px) {
    #friending-hero-scope .fr-hero-wrapper {
        flex-direction: column-reverse;
        text-align: center;
        padding: 40px 20px;
        gap: 40px;
    }

    #friending-hero-scope .fr-hero-content {
        width: 100%;
        align-items: center;
    }

    #friending-hero-scope .fr-hero-content h1 {
        font-size: 36px;
    }

    #friending-hero-scope .fr-hero-visual {
        width: 100%;
    }
    
    #friending-hero-scope .fr-store-buttons {
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d12622 */.fr-problem{padding:120px 48px;background:var(--fr-white);font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-problem *{box-sizing:border-box;}
.fr-problem-inner{max-width:1240px;margin:0 auto;}
.fr-problem-header{text-align:center;margin-bottom:72px;}
.fr-problem .fr-label{display:inline-block!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--fr-cyan-deep)!important;background:rgba(124,235,235,.15)!important;padding:6px 16px!important;border-radius:100px;margin-bottom:20px!important;line-height:1.4!important;}
.fr-problem .fr-title{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-problem .fr-sub{font-size:18px!important;line-height:1.65!important;color:var(--fr-gray-600)!important;max-width:560px;margin:0 auto!important;}
.fr-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.fr-problem-card{background:var(--fr-gray-50);border-radius:var(--fr-radius);padding:36px 28px!important;transition:transform .3s,box-shadow .3s;border:1px solid var(--fr-gray-200);}
.fr-problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);}
.fr-problem-card .fr-emoji{font-size:36px!important;margin-bottom:20px!important;display:block!important;line-height:1!important;}
.fr-problem-card h3{font-size:18px!important;font-weight:700!important;margin-bottom:10px!important;color:var(--fr-black)!important;line-height:1.3!important;}
.fr-problem-card p{font-size:15px!important;line-height:1.6!important;color:var(--fr-gray-600)!important;}
@media(max-width:1024px){.fr-problem-grid{grid-template-columns:repeat(2,1fr);}.fr-problem{padding:80px 24px;}}
@media(max-width:768px){.fr-problem-grid{grid-template-columns:1fr;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0527371 */.fr-whatis{padding:120px 48px;background:var(--fr-gray-50);font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-whatis *{box-sizing:border-box;}
.fr-whatis-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;}
/* WHATIS IMAGE CARD */
.fr-wi-illustration{position:relative;width:100%;max-width:540px;margin:0 auto;}
.fr-wi-card{background:#fff;border-radius:24px;box-shadow:0 24px 64px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;}
.fr-wi-card-photo{width:100%;height:320px;background:url('https://friending.com/wp-content/uploads/2025/12/aboutapp.jpg') center center/cover no-repeat;position:relative;}
.fr-wi-card-photo::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);pointer-events:none;}
.fr-wi-card-body{padding:28px 32px 32px!important;text-align:center;}
.fr-wi-card-title{font-size:20px!important;font-weight:700!important;color:#0A0A0A!important;margin-bottom:16px!important;line-height:1.3!important;}
.fr-wi-tags{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:center;}
.fr-wi-tag{background:#FAFAFA;border:1px solid #E5E5E5;border-radius:100px;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;color:#262626!important;white-space:nowrap;line-height:1.4!important;}
.fr-wi-float-1,.fr-wi-float-2{position:absolute;background:#fff;border-radius:14px;padding:10px 18px!important;box-shadow:0 10px 30px rgba(0,0,0,.1);font-size:14px!important;font-weight:600!important;color:#0A0A0A!important;white-space:nowrap;line-height:1.4!important;z-index:2;}
.fr-wi-float-1{top:20px;right:-20px;animation:fr-float 5s ease-in-out infinite;}
.fr-wi-float-2{bottom:60px;left:-20px;color:#22c55e!important;animation:fr-float 5s ease-in-out 2s infinite;}
.fr-whatis .fr-label{display:inline-block!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--fr-cyan-deep)!important;background:rgba(124,235,235,.15)!important;padding:6px 16px!important;border-radius:100px;margin-bottom:20px!important;line-height:1.4!important;}
.fr-whatis .fr-title{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-whatis .fr-sub{font-size:18px!important;line-height:1.65!important;color:var(--fr-gray-600)!important;max-width:560px;}
.fr-whatis-features{list-style:none!important;margin-top:32px!important;padding:0!important;display:flex!important;flex-direction:column;gap:16px;}
.fr-whatis-features li{display:flex!important;align-items:flex-start;gap:14px;font-size:16px!important;line-height:1.5!important;color:var(--fr-black)!important;margin-bottom:0!important;}
.fr-whatis-features .fr-ck{width:28px;height:28px;min-width:28px;background:var(--fr-cyan);border-radius:50%;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;font-size:14px!important;font-weight:700!important;margin-top:1px;}
@media(max-width:1024px){.fr-whatis-inner{grid-template-columns:1fr;gap:48px;}.fr-whatis{padding:80px 24px;}.fr-wi-float-1,.fr-wi-float-2{display:none!important;}}
@media(max-width:768px){.fr-wi-card-photo{height:220px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe4c2e4 */.fr-verified{padding:120px 48px;background:var(--fr-white);font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-verified *{box-sizing:border-box;}
.fr-verified-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.fr-verified .fr-label{display:inline-block!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--fr-cyan-deep)!important;background:rgba(124,235,235,.15)!important;padding:6px 16px!important;border-radius:100px;margin-bottom:20px!important;line-height:1.4!important;}
.fr-verified .fr-title{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-verified .fr-sub{font-size:18px!important;line-height:1.65!important;color:var(--fr-gray-600)!important;max-width:560px;}
.fr-v-badges{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:32px!important;}
.fr-v-badge{display:flex!important;align-items:center;gap:8px;background:var(--fr-gray-50);border:1px solid var(--fr-gray-200);border-radius:100px;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;color:var(--fr-black)!important;line-height:1.4!important;}
.fr-v-badge .fr-x{color:#ef4444!important;font-size:16px!important;}
/* VERIFIED VISUAL */
.fr-veri-visual{position:relative;display:flex;justify-content:center;max-width:420px;margin:0 auto;}
.fr-veri-visual img{width:100%;height:auto;filter:drop-shadow(0 32px 64px rgba(0,0,0,.2));}
/* Floating badges around the phone */
.fr-veri-float{position:absolute;background:#fff;border-radius:14px;padding:10px 18px!important;box-shadow:0 10px 30px rgba(0,0,0,.12);font-size:13px!important;font-weight:600!important;white-space:nowrap;line-height:1.4!important;z-index:2;display:flex!important;align-items:center;gap:8px;}
.fr-veri-float.f1{top:12%;left:-24px;color:#22c55e!important;animation:fr-float 5s ease-in-out infinite;}
.fr-veri-float.f2{top:45%;right:-28px;color:#0A0A0A!important;animation:fr-float 5s ease-in-out 1.5s infinite;}
.fr-veri-float.f3{bottom:18%;left:-16px;color:#0A0A0A!important;animation:fr-float 5s ease-in-out 3s infinite;}
.fr-veri-float .fr-vf-dot{width:8px;height:8px;border-radius:50%;display:inline-block!important;flex-shrink:0;}
.fr-veri-float .fr-vf-dot.green{background:#22c55e;}
.fr-veri-float .fr-vf-dot.blue{background:#3b82f6;}
.fr-veri-float .fr-vf-dot.purple{background:#7c3aed;}
@media(max-width:1024px){.fr-verified-inner{grid-template-columns:1fr;gap:48px;}.fr-verified{padding:80px 24px;}.fr-veri-visual{max-width:320px;}.fr-veri-float{display:none!important;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8b89f7 */.fr-forced{background:var(--fr-black);color:var(--fr-white);padding:80px 48px;text-align:center;position:relative;overflow:hidden;font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-forced *{box-sizing:border-box;}
.fr-forced::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(124,235,235,.12) 0%,transparent 70%);pointer-events:none;}
.fr-forced h2{font-size:clamp(28px,3.5vw,48px)!important;font-weight:800!important;letter-spacing:-.02em!important;max-width:800px;margin:0 auto 16px!important;position:relative;color:var(--fr-white)!important;line-height:1.2!important;}
.fr-forced h2 span{color:var(--fr-cyan)!important;}
.fr-forced p{font-size:18px!important;color:var(--fr-gray-400)!important;max-width:600px;margin:0 auto!important;line-height:1.6!important;position:relative;}
@media(max-width:768px){.fr-forced{padding:60px 24px;}.fr-forced h2{font-size:28px!important;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecfea4a */.fr-stats{background:var(--fr-black);color:var(--fr-white);padding:56px 48px;font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-stats *{box-sizing:border-box;}
.fr-stats-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;}
.fr-stats .fr-stat-num{font-size:42px!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--fr-cyan)!important;line-height:1.2!important;margin-bottom:0!important;}
.fr-stats .fr-stat-label{font-size:14px!important;color:var(--fr-gray-400)!important;margin-top:4px!important;font-weight:500!important;line-height:1.4!important;}
@media(max-width:1024px){.fr-stats-inner{grid-template-columns:repeat(2,1fr);gap:24px;}.fr-stats{padding:48px 24px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5301030 */.fr-how{padding:120px 48px;background:var(--fr-gray-50);font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-how *{box-sizing:border-box;}
.fr-how-inner{max-width:1240px;margin:0 auto;}
.fr-how-header{text-align:center;margin-bottom:72px;}
.fr-how .fr-label{display:inline-block!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--fr-cyan-deep)!important;background:rgba(124,235,235,.15)!important;padding:6px 16px!important;border-radius:100px;margin-bottom:20px!important;line-height:1.4!important;}
.fr-how .fr-title{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-how .fr-sub{font-size:18px!important;line-height:1.65!important;color:var(--fr-gray-600)!important;max-width:560px;margin:0 auto!important;}
.fr-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.fr-how-step{text-align:center;padding:48px 32px!important;background:var(--fr-white);border-radius:var(--fr-radius);border:1px solid var(--fr-gray-200);transition:transform .3s,box-shadow .3s;}
.fr-how-step:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);}
.fr-step-num{width:56px;height:56px;background:var(--fr-cyan);border-radius:16px;display:inline-flex!important;align-items:center;justify-content:center;font-size:24px!important;font-weight:800!important;margin-bottom:24px!important;color:var(--fr-black)!important;line-height:1!important;}
.fr-how-step h3{font-size:20px!important;font-weight:700!important;margin-bottom:12px!important;color:var(--fr-black)!important;line-height:1.3!important;}
.fr-how-step p{font-size:15px!important;line-height:1.6!important;color:var(--fr-gray-600)!important;}
@media(max-width:1024px){.fr-how{padding:80px 24px;}}
@media(max-width:768px){.fr-how-steps{grid-template-columns:1fr;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb04d96 */#friending-isolated-scope {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    padding: 80px 20px;
    margin: 20px 0;
    box-sizing: border-box;
    overflow: visible; /* Fontos, hogy a logó kilóghasson */
}

#friending-isolated-scope * {
    box-sizing: border-box;
}

/* Fő konténer */
#friending-isolated-scope .frnd-iso-container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    /* ITT A VÁLTOZTATÁS: Megfordítjuk a sorrendet asztali nézetben */
    flex-direction: row-reverse;
}

/* --- BAL OLDAL (Most már Jobb oldal vizuálisan) --- */
#friending-isolated-scope .frnd-iso-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Címsor */
#friending-isolated-scope h2.frnd-iso-title {
    font-size: 42px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.1 !important;
}

/* Leírás */
#friending-isolated-scope p.frnd-iso-desc {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin: 0 0 30px 0 !important;
}

/* Lista */
#friending-isolated-scope .frnd-iso-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 40px;
    width: 100%;
}

#friending-isolated-scope .frnd-iso-item {
    display: flex;
    align-items: center;
    background-color: #F8F9FA !important;
    padding: 15px 20px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 16px !important;
    transition: transform 0.2s ease;
}

#friending-isolated-scope .frnd-iso-item:hover {
    transform: translateX(5px);
    background-color: #f0f0f0 !important;
}

#friending-isolated-scope .frnd-iso-icon {
    font-size: 24px;
    margin-right: 15px;
    line-height: 1;
}

/* --- ÚJ FEKETE BUTTON (Shop stílus) --- */
#friending-isolated-scope a.frnd-iso-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    /* Fekete háttér, Fehér szöveg */
    background-color: #000000 !important; 
    color: #ffffff !important;
    
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 18px 36px !important;
    border-radius: 8px !important; /* Elegánsabb kerekítés */
    border: none !important;
    
    /* Finom árnyék */
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important; 
    
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

#friending-isolated-scope a.frnd-iso-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
    background-color: #222222 !important;
}


/* --- JOBB OLDAL (Most már Bal oldal vizuálisan) --- */
#friending-isolated-scope .frnd-iso-visual {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* --- ÚJ WRAPPER: Ez tartja össze a kártyát és a logót --- */
#friending-isolated-scope .frnd-card-wrapper {
    position: relative; /* Ez a kulcs! A logó ehhez igazodik. */
    width: 100%;
    max-width: 380px; /* A kártya szélessége */
    margin: 0 auto;
}

/* Graffiti Logó (Most már a wrapperhez képest pozicionálva) */
#friending-isolated-scope img.frnd-iso-logo {
    position: absolute;
    top: -40px;   /* Kiigazítva, hogy rálógjon a sarokra */
    right: -30px; /* Kiigazítva jobbra */
    width: 140px !important;
    height: auto !important;
    z-index: 10;
    transform: rotate(15deg);
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));
    max-width: none !important;
}

/* Kártya Doboz */
#friending-isolated-scope .frnd-iso-card {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.12) !important;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: none !important;
}

/* Kártya Fejléc */
#friending-isolated-scope .frnd-iso-card-header {
    background-color: #FF5252 !important;
    color: #ffffff !important;
    padding: 20px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    width: 100%;
    display: block;
}

/* Kártya Test */
#friending-isolated-scope .frnd-iso-card-body {
    padding: 30px !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#friending-isolated-scope .frnd-iso-card-emoji {
    font-size: 48px;
    margin-bottom: 15px;
    display: block;
    line-height: 1;
}

#friending-isolated-scope .frnd-iso-card-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    color: #1a1a1a !important;
}

#friending-isolated-scope .frnd-iso-card-text {
    font-size: 15px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    margin: 0 0 25px 0 !important;
}

/* Gomb a kártyán (Maradt piros, ez a belső gomb) */
#friending-isolated-scope button.frnd-iso-card-btn {
    background-color: #FF5252 !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3) !important;
    transition: transform 0.2s !important;
    margin: 0 !important;
}

#friending-isolated-scope button.frnd-iso-card-btn:hover {
    transform: scale(1.05) !important;
}

/* --- RESZPONZÍV (MOBIL) --- */
@media screen and (max-width: 900px) {
    #friending-isolated-scope .frnd-iso-container {
        /* Mobilon visszaállítjuk column-ra, így a szöveg kerül felülre */
        flex-direction: column;
        gap: 60px;
    }

    #friending-isolated-scope .frnd-iso-content {
        width: 100%;
        align-items: center;
        text-align: center;
    }
    
    #friending-isolated-scope h2.frnd-iso-title {
        font-size: 32px !important;
    }

    #friending-isolated-scope .frnd-iso-item {
        justify-content: flex-start;
        text-align: left;
    }

    #friending-isolated-scope .frnd-iso-visual {
        width: 100%;
        padding-top: 20px;
    }
    
    #friending-isolated-scope img.frnd-iso-logo {
        width: 100px !important;
        top: -30px;
        right: -10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-710f4be *//* --- IZOLÁLT CSS (Friending Shop Scope) --- */
#friending-shop-scope {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #FFF9F2 !important;
    padding: 80px 20px;
    margin: 20px 0;
    box-sizing: border-box;
}

#friending-shop-scope * {
    box-sizing: border-box;
}

/* Fő konténer */
#friending-shop-scope .fr-shop-container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

/* --- BAL OLDAL: A KÉP --- */
#friending-shop-scope .fr-shop-visual {
    width: 45%;
    display: flex;
    justify-content: center;
    position: relative;
}

/* Kép stílusa és animációja */
#friending-shop-scope .fr-shop-image {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 12px !important;
    box-shadow: 0 20px 40px rgba(141, 85, 57, 0.3) !important; 
    transform: rotate(-2deg);
    transition: transform 0.3s ease;
    display: block;
}

#friending-shop-scope .fr-shop-image:hover {
    transform: rotate(0deg) scale(1.02);
}


/* --- JOBB OLDAL: TARTALOM --- */
#friending-shop-scope .fr-shop-content {
    width: 50%;
}

/* Főcím */
#friending-shop-scope h2.fr-shop-title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #8D5539 !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.1 !important;
}

/* Alcím */
#friending-shop-scope h3.fr-shop-subtitle {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.4 !important;
}

/* Leírás */
#friending-shop-scope p.fr-shop-desc {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin-bottom: 25px !important;
}

/* --- ÚJ ELEM: IDÉZET DOBOZ (Screenshot alapján) --- */
#friending-shop-scope .fr-shop-quote {
    background-color: #80F7FA !important; /* A képen látható ciánkék */
    border-left: 6px solid #000000 !important; /* Vastag fekete keret bal oldalon */
    padding: 20px 25px !important;
    margin: 0 0 30px 0 !important;
    color: #000000 !important;
    font-weight: 700 !important; /* Vastag betű */
    font-style: italic !important; /* Dőlt betű */
    font-size: 16px !important;
    line-height: 1.5 !important;
    border-radius: 0 8px 8px 0 !important; /* Jobb oldalon picit kerekítve */
}

/* "Great for:" felirat */
#friending-shop-scope .fr-list-label {
    font-weight: 700;
    color: #444;
    margin-bottom: 15px;
    display: block;
    font-size: 17px;
}

/* Lista */
#friending-shop-scope ul.fr-gift-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
}

#friending-shop-scope li.fr-gift-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 500 !important;
}

/* Ajándék ikon */
#friending-shop-scope .fr-gift-icon {
    margin-right: 12px;
    color: #8D5539;
    font-size: 18px;
}

/* --- FEKETE SHOP GOMB --- */
#friending-shop-scope a.fr-shop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000 !important; 
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 16px !important;
    padding: 18px 36px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important; 
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    width: fit-content;
}

#friending-shop-scope a.fr-shop-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
    background-color: #222222 !important;
}

#friending-shop-scope .fr-btn-emoji {
    font-size: 20px;
    margin-right: 10px;
}

/* --- RESZPONZÍV --- */
@media screen and (max-width: 900px) {
    #friending-shop-scope .fr-shop-container {
        flex-direction: column;
        gap: 50px;
    }

    #friending-shop-scope .fr-shop-visual,
    #friending-shop-scope .fr-shop-content {
        width: 100%;
        text-align: center;
        align-items: center;
    }
    
    #friending-shop-scope h2.fr-shop-title {
        font-size: 32px !important;
    }

    #friending-shop-scope li.fr-gift-item {
        justify-content: center;
    }
    
    #friending-shop-scope a.fr-shop-btn {
        margin: 0 auto; 
    }
    
    /* Mobilon a szöveg balra zárt marad a dobozban */
    #friending-shop-scope .fr-shop-quote {
        text-align: left;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c0a305 */#deplug-hero-block {
            font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
          
            color: #1A1A1A;
            padding: 80px 20px 60px;
            box-sizing: border-box;
            width: 100%;
            line-height: 1.6;
        }
        #deplug-hero-block * { box-sizing: border-box; }

        /* Layout */
        #deplug-hero-block .hero-container {
            max-width: 1000px;
            margin: 0 auto;
        }

        #deplug-hero-block .hero-layout {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 50px; 
        }

        #deplug-hero-block .hero-content {
            flex: 1;
            text-align: left;
            max-width: 480px;
        }

        #deplug-hero-block .hero-image {
            flex: 1;
            max-width: 500px;
        }

        #deplug-hero-block .hero-image img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 12px 36px rgba(0,0,0,0.1);
            display: block;
            transition: transform 0.3s ease;
        }
        
        #deplug-hero-block .hero-image:hover img {
            transform: scale(1.02);
        }

        /* Typography */
        #deplug-hero-block h1 {
            font-size: 3.5rem;
            line-height: 1;
            color: #111;
            margin: 0 0 1.25rem 0;
            font-weight: 800;
            letter-spacing: -0.04em;
        }

        #deplug-hero-block p {
            font-size: 1.125rem;
            color: #4A4A4A;
            margin-bottom: 1.5rem;
        }
        
        #deplug-hero-block .hero-lead {
            font-size: 1.35rem;
            font-weight: 500;
            color: #222;
            margin-bottom: 1rem;
            line-height: 1.3;
        }

        #deplug-hero-block .hero-eyebrow {
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 0.8rem;
            font-weight: 700;
            color: #FF5A36;
            margin-bottom: 12px;
            display: block;
        }

        /* --- BUTTON UPDATE --- */
        /* Egységesítve az "Are You In?" gomb stílusával */
        #deplug-hero-block .cta-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            
            /* Fekete háttér, Fehér szöveg */
            background-color: #000000;
            color: #ffffff;
            
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 16px;
            padding: 18px 36px;
            
            /* Kevésbé kerekített (shop stílus) */
            border-radius: 8px; 
            border: none;
            
            /* Finom árnyék */
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            
            transition: all 0.3s ease;
            cursor: pointer;
            margin-top: 10px;
            letter-spacing: 0.5px;
            line-height: 1.2;
        }

        #deplug-hero-block .cta-btn:hover {
            background-color: #222222;
            color: #ffffff;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.3);
        }

        /* Mobile */
        @media (max-width: 850px) {
            #deplug-hero-block .hero-layout { flex-direction: column-reverse; text-align: center; gap: 30px; }
            #deplug-hero-block .hero-content { text-align: center; max-width: 100%; margin-top: 20px; }
            #deplug-hero-block h1 { font-size: 2.75rem; }
            #deplug-hero-block .hero-lead { font-size: 1.2rem; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0dc70c */.fr-investors{padding:120px 48px;background:var(--fr-gray-50);font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-investors *{box-sizing:border-box;}
.fr-investors-inner{max-width:1240px;margin:0 auto;}
.fr-investors-header{text-align:center;margin-bottom:72px;}
.fr-investors .fr-label{display:inline-block!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--fr-cyan-deep)!important;background:rgba(124,235,235,.15)!important;padding:6px 16px!important;border-radius:100px;margin-bottom:20px!important;line-height:1.4!important;}
.fr-investors .fr-title{font-size:clamp(32px,4vw,52px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-investors .fr-sub{font-size:18px!important;line-height:1.65!important;color:var(--fr-gray-600)!important;max-width:560px;margin:0 auto!important;}
.fr-inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.fr-inv-card{background:var(--fr-white);border-radius:var(--fr-radius);padding:40px 32px!important;border:1px solid var(--fr-gray-200);text-align:center;transition:transform .3s,box-shadow .3s;}
.fr-inv-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);}
.fr-inv-icon{width:64px;height:64px;background:var(--fr-cyan);border-radius:20px;display:inline-flex!important;align-items:center;justify-content:center;font-size:28px!important;margin-bottom:24px!important;line-height:1!important;}
.fr-inv-card h3{font-size:18px!important;font-weight:700!important;margin-bottom:10px!important;color:var(--fr-black)!important;line-height:1.3!important;}
.fr-inv-card p{font-size:15px!important;line-height:1.6!important;color:var(--fr-gray-600)!important;}
@media(max-width:1024px){.fr-investors{padding:80px 24px;}}
@media(max-width:768px){.fr-inv-grid{grid-template-columns:1fr;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e21efc */.fr-cta{background:var(--fr-cyan);padding:120px 48px;text-align:center;position:relative;overflow:hidden;font-family:'DM Sans',-apple-system,sans-serif;box-sizing:border-box;}
.fr-cta *{box-sizing:border-box;}
.fr-cta::before{content:'';position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none;}
.fr-cta-inner{max-width:700px;margin:0 auto;position:relative;}
.fr-cta h2{font-size:clamp(36px,4.5vw,56px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important;margin-bottom:20px!important;color:var(--fr-black)!important;}
.fr-cta p{font-size:18px!important;color:rgba(10,10,10,.65)!important;margin-bottom:40px!important;line-height:1.6!important;}
.fr-store-buttons{display:flex!important;gap:16px;justify-content:center;flex-wrap:wrap;}
.fr-store-buttons a{text-decoration:none!important;}
.fr-store-btn{height:52px;transition:transform .2s;}
.fr-store-btn:hover{transform:translateY(-2px);}
.fr-cta .fr-cta-note{font-size:13px!important;color:rgba(10,10,10,.45)!important;margin-top:16px!important;margin-bottom:0!important;}
@media(max-width:1024px){.fr-cta{padding:80px 24px;}}/* End custom CSS */
/* Start custom CSS */<style>
        /* * GLOBAL STYLES & RESET 
         * Copy this entire style block into Elementor Page Settings > Custom CSS 
         * or Woodmart Theme Settings > Custom CSS.
         */
        
        :root {
            --fr-primary: #FF4757; /* Energetic Red/Pink */
            --fr-secondary: #2F3542; /* Dark Text */
            --fr-bg-light: #F1F2F6; /* Light Gray BG */
            --fr-bg-white: #FFFFFF;
            --fr-accent-blue: #3742fa; /* Trust Blue */
            --fr-accent-coffee: #A0522D; /* Coffee Color */
            --fr-radius: 12px;
            --fr-spacing: 60px;
        }

        /* Basic Reset for the Preview - Elementor handles this usually */
        body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            color: var(--fr-secondary);
            line-height: 1.6;
            background-color: #fff;
        }

        /* Container helper */
        .fr-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
            box-sizing: border-box;
        }

        /* Typography */
        .fr-h1 { font-size: 2.5rem; font-weight: 800; line-height: 1.2; margin-bottom: 1rem; color: #1e272e; }
        .fr-h2 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: #1e272e; }
        .fr-h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.5rem; }
        .fr-lead { font-size: 1.125rem; color: #57606f; margin-bottom: 1.5rem; }
        .fr-text { margin-bottom: 1rem; color: #57606f; }
        .fr-center-text { text-align: center; }

        /* Store Buttons Grid */
        .fr-store-buttons {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 20px;
        }

        .fr-btn-store {
            display: inline-flex;
            align-items: center;
            background: #000;
            color: #fff;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            transition: transform 0.2s;
            font-size: 0.9rem;
            border: 1px solid #000;
        }

        .fr-btn-store:hover {
            transform: translateY(-2px);
            background: #333;
            color: #fff;
        }

        .fr-btn-store i {
            font-size: 24px;
            margin-right: 10px;
        }

        .fr-btn-text-small {
            display: block;
            font-size: 10px;
            text-transform: uppercase;
        }
        .fr-btn-text-large {
            display: block;
            font-size: 16px;
            font-weight: 600;
        }

        /* --- SECTIONS --- */

        /* Hero */
        .fr-hero {
            padding: 80px 0;
            background: linear-gradient(135deg, #fff 0%, #f7f9fc 100%);
            text-align: center;
        }

        .fr-hero-trust {
            display: inline-block;
            background: #eefbf3;
            color: #27ae60;
            padding: 5px 15px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-top: 20px;
        }
        
        .fr-microcopy {
            font-size: 0.85rem;
            color: #a4b0be;
            margin-top: 10px;
        }

        /* The Problem */
        .fr-section { padding: var(--fr-spacing) 0; }
        .fr-bg-light { background-color: var(--fr-bg-light); }
        
        .fr-grid-4 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 40px;
        }

        .fr-card-problem {
            background: #fff;
            padding: 25px;
            border-radius: var(--fr-radius);
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            text-align: center;
        }
        
        .fr-card-problem i {
            font-size: 2rem;
            color: var(--fr-primary);
            margin-bottom: 15px;
        }

        /* Feature Split Layout (Text + Image) */
        .fr-split-layout {
            display: flex;
            flex-direction: column;
            gap: 40px;
            align-items: center;
        }
        
        .fr-split-content { flex: 1; }
        .fr-split-media { 
            flex: 1; 
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .fr-feature-list {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }

        .fr-feature-list li {
            margin-bottom: 12px;
            display: flex;
            align-items: center;
        }
        .fr-feature-list li i {
            color: var(--fr-primary);
            margin-right: 10px;
            width: 20px;
        }

        /* Verified Section */
        .fr-verified-section {
            background: #f0fdf4; /* Very light green for safety/trust */
            border-top: 1px solid #dcfce7;
            border-bottom: 1px solid #dcfce7;
        }
        
        .fr-trust-badge {
            font-size: 4rem;
            color: #2ecc71;
            margin-bottom: 20px;
        }

        /* Map Section */
        .fr-map-placeholder {
            background-color: #e9ecef;
            width: 100%;
            height: 300px;
            border-radius: var(--fr-radius);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            background-image: url('https://placehold.co/800x600/e9ecef/ced6e0?text=Map+Interface');
            background-size: cover;
            background-position: center;
        }

        /* Are You In Card */
        .fr-card-feature {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            max-width: 400px;
            margin: 0 auto;
            border: 1px solid #eee;
        }
        
        .fr-card-header {
            background: var(--fr-primary);
            color: white;
            padding: 20px;
            text-align: center;
            font-weight: bold;
        }
        .fr-card-body { padding: 30px; }
        
        .fr-activity-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            padding: 10px;
            background: #f8f9fa;
            border-radius: 8px;
        }
        .fr-activity-icon {
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            font-size: 1.2rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        /* Shop */
        .fr-shop-section {
            background: #fff8f0; /* Coffee tint */
        }
        .fr-shop-btn {
            color: var(--fr-accent-coffee);
            font-weight: 700;
            text-decoration: underline;
        }

        /* Why Different */
        .fr-comparison-list li {
            font-size: 1.1rem;
            margin-bottom: 15px;
            font-weight: 600;
        }
        .fr-comparison-list li i {
            color: #2ecc71;
        }

        /* Final CTA */
        .fr-final-cta {
            background: var(--fr-secondary);
            color: #fff;
            text-align: center;
        }
        .fr-final-cta .fr-h2 { color: #fff; }
        .fr-final-cta .fr-lead { color: #ccc; }
        .fr-final-cta .fr-btn-store { border-color: #fff; }

        /* RESPONSIVE MEDIA QUERIES */
        @media (min-width: 768px) {
            .fr-h1 { font-size: 3.5rem; }
            .fr-grid-4 { grid-template-columns: repeat(4, 1fr); }
            .fr-split-layout { 
                flex-direction: row; 
                text-align: left;
            }
            .fr-split-layout.fr-reverse { flex-direction: row-reverse; }
            .fr-center-text-md { text-align: center; }
            
            /* Align buttons left on desktop if in a split layout, center otherwise */
            .fr-split-content .fr-store-buttons { justify-content: flex-start; }
            
            .fr-map-placeholder { height: 400px; }
        }
    </style>/* End custom CSS */