/* =====================================================================
   RONGICS AUTÓFÉNY CMS — Front-end CSS (közös az összes oldalhoz)
   ===================================================================== */

.rongics-site {
  --bg:#fff; --bg-soft:#f8f6f1; --bg-cream:#f4efe6;
  --ink:#1a242f; --ink-soft:#5b6573; --ink-light:#8b95a3;
  --turq:#1f9d96; --turq-deep:#157a74; --turq-light:#e6f4f3;
  --yellow:#e8b528; --yellow-soft:#f6d775;
  --line:rgba(26,36,47,0.08);
  --shadow-sm:0 8px 24px -12px rgba(26,36,47,0.12);
  --shadow:0 30px 60px -25px rgba(26,36,47,0.22);
  font-family:'Inter',sans-serif; color:var(--ink); line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.rongics-site *{margin:0;padding:0;box-sizing:border-box;}
.rongics-container{max-width:1240px;margin:0 auto;padding:0 32px;}
.rongics-site .reveal{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.rongics-site.rongics-anim .reveal{opacity:0;transform:translateY(30px);}
.rongics-site.rongics-anim .reveal.in{opacity:1;transform:translateY(0);}

/* ===== NAV ===== */
.rongics-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.rongics-nav-inner{max-width:1240px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.rongics-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.rongics-logo img{height:44px;width:auto;}
.rongics-logo-text{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;color:var(--ink);line-height:1;}
.rongics-logo-text small{display:block;font-style:italic;font-weight:400;font-size:11px;color:var(--ink-soft);margin-top:4px;letter-spacing:0.02em;}
.rongics-nav-center{display:flex;align-items:center;gap:32px;}
.rongics-nav-links{display:flex;align-items:center;gap:28px;}
.rongics-nav-links a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:4px 0;position:relative;}
.rongics-nav-links a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--turq);transition:width .3s cubic-bezier(.16,1,.3,1);}
.rongics-nav-links a:hover{color:var(--turq);}
.rongics-nav-links a:hover::after{width:100%;}
.rongics-nav-right{display:flex;align-items:center;gap:18px;}
.rongics-lang{display:flex;gap:14px;align-items:center;}
.rongics-lang a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);text-decoration:none;cursor:pointer;}
.rongics-lang a:hover{color:var(--ink);}
.rongics-flag{width:18px;height:12px;border-radius:2px;display:inline-block;}
.rongics-flag.hu{background:linear-gradient(to bottom,#ce2939 33%,#fff 33% 66%,#477050 66%);}
.rongics-flag.de{background:linear-gradient(to bottom,#000 33%,#d00 33% 66%,#ffce00 66%);}
.rongics-nav-cta{background:var(--turq);color:#fff;padding:13px 22px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .25s;}
.rongics-nav-cta:hover{background:var(--turq-deep);color:#fff;}
.rongics-nav-cta::after{content:'→';transition:transform .2s;}
.rongics-nav-cta:hover::after{transform:translateX(3px);}
.rongics-menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;}
.rongics-menu-btn span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:all .3s;border-radius:2px;}
.rongics-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.rongics-menu-btn.open span:nth-child(2){opacity:0;}
.rongics-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.rongics-mobile-menu{position:fixed;inset:0;background:var(--bg-cream);z-index:105;padding:100px 28px 40px;transform:translateX(100%);transition:transform .45s cubic-bezier(.7,0,.3,1);display:flex;flex-direction:column;gap:2px;overflow-y:auto;}
.rongics-mobile-menu.open{transform:translateX(0);}
.rongics-mobile-menu a{padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;}
.rongics-mobile-menu .m-cta{background:var(--turq);color:#fff;text-align:center;border-radius:4px;margin-top:24px;border:none;font-family:'Inter',sans-serif;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;padding:16px;}
.rongics-mobile-menu .m-langs{display:flex;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}
.rongics-mobile-menu .m-langs a{border:none;padding:8px 0;font-family:'Inter',sans-serif;font-size:14px;display:flex;align-items:center;gap:8px;}

/* ===== HERO (főoldali) ===== */
.rongics-hero{position:relative;padding:48px 32px 84px;max-width:1240px;margin:0 auto;}
.rongics-hero-inner{position:relative;display:grid;grid-template-columns:1.05fr 0.92fr;gap:56px;align-items:center;min-height:460px;}
.rongics-hero-content{position:relative;z-index:2;max-width:560px;}
/* Hero kép – tiszta keret, NEM háttér */
.rongics-hero-visual{position:relative;}
.rongics-hero-frame{position:relative;aspect-ratio:4/3.1;border-radius:18px;overflow:hidden;background:var(--bg-cream);box-shadow:0 34px 64px -30px rgba(15,85,80,0.42);}
.rongics-hero-frame .img{position:absolute;inset:0;background-size:cover;background-position:center;}
.rongics-hero-frame.is-placeholder{background:linear-gradient(150deg,#e9f3f1 0%,#d4e8e4 100%);display:flex;align-items:center;justify-content:center;}
.rongics-hero-ph{color:var(--turq);opacity:0.20;}
.rongics-hero-ph svg{width:128px;height:128px;}
.rongics-hero-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--turq);margin-bottom:24px;}
.rongics-site h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-0.015em;color:var(--ink);margin-bottom:24px;position:relative;}
.rongics-site h1 em{font-style:normal;color:var(--turq);font-weight:600;}
.rongics-site h1::after{content:'';display:block;width:80px;height:3px;background:var(--yellow);margin-top:14px;border-radius:2px;}
.rongics-hero-text{max-width:360px;font-size:14px;color:var(--ink-soft);line-height:1.7;margin-bottom:36px;}
.rongics-btn{background:var(--turq);color:#fff;padding:15px 26px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .25s;border:none;cursor:pointer;}
.rongics-btn:hover{background:var(--turq-deep);color:#fff;}
.rongics-btn .arr{transition:transform .25s;}
.rongics-btn:hover .arr{transform:translateX(3px);}
.rongics-hero-card{position:absolute;left:-26px;bottom:-30px;background:#fff;border-radius:14px;padding:22px 26px;box-shadow:0 26px 52px -18px rgba(26,36,47,0.28);width:268px;z-index:5;}
.rongics-hcard-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.rongics-hcard-item:first-child{padding-top:0;}
.rongics-hcard-item:last-child{padding-bottom:0;border-bottom:none;}
.rongics-hcard-icon{width:34px;height:34px;background:var(--turq-light);color:var(--turq);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rongics-hcard-item h4{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:3px;}
.rongics-hcard-item p{font-size:12px;color:var(--ink-soft);}

/* ===== PAGE HERO (aloldal) ===== */
.rongics-page-hero{padding:32px 32px 0;max-width:1240px;margin:0 auto;}
.rongics-page-hero-inner{position:relative;border-radius:14px;min-height:300px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(120deg,#f4f1ea 0%,#eaf4f2 55%,#e1efec 100%);border:1px solid var(--line);}
.rongics-page-hero-bg{display:none;}
.rongics-page-hero-inner::after{content:'';position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(31,157,150,0.10) 0%,transparent 70%);pointer-events:none;z-index:0;}
.rongics-page-hero-content{position:relative;z-index:2;padding:60px 48px;max-width:640px;}
.rongics-breadcrumb{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:22px;flex-wrap:wrap;}
.rongics-breadcrumb a{color:var(--turq);text-decoration:none;}
.rongics-breadcrumb a:hover{text-decoration:underline;}
.rongics-breadcrumb .sep{color:var(--ink-light);}
.rongics-page-icon{width:54px;height:54px;background:var(--turq);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.rongics-page-lead{max-width:520px;font-size:15px;color:var(--ink-soft);line-height:1.7;margin-bottom:0;}

/* ===== SECTION ÁLTALÁNOS ===== */
.rongics-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:48px;flex-wrap:wrap;}
.rongics-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--turq);margin-bottom:12px;}
.rongics-site h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.2vw,38px);line-height:1.15;letter-spacing:-0.015em;color:var(--ink);}
.rongics-site h2 em{font-style:italic;color:var(--turq);}
.rongics-dot{color:var(--yellow);}
.rongics-section-link{color:var(--turq);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
.rongics-section-link::after{content:'→';transition:transform .25s;}
.rongics-section-link:hover::after{transform:translateX(4px);}

/* ===== FŐOLDALI: SERVICES ===== */
.rongics-services{padding:80px 0;}
.rongics-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.rongics-service-card{background:#fff;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;text-decoration:none;color:inherit;}
.rongics-service-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px -24px rgba(15,85,80,0.32);color:inherit;}
/* Kép terület felül – tiszta keret, NEM háttér */
.rongics-sc-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-cream);}
.rongics-sc-media .img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.rongics-service-card:hover .rongics-sc-media .img{transform:scale(1.06);}
/* Üres állapot (nincs feltöltött fotó): semleges felület, elegáns nagy ikon */
.rongics-sc-media.is-placeholder{background:linear-gradient(150deg,#eef4f2 0%,#e0ece9 100%);display:flex;align-items:center;justify-content:center;}
.rongics-sc-ph{color:var(--turq);opacity:0.20;}
.rongics-sc-ph svg{width:72px;height:72px;}
/* Tartalom semleges fehér részen */
.rongics-sc-body{position:relative;background:#fff;padding:36px 24px 26px;display:flex;flex-direction:column;flex:1;}
/* Lebegő ikon-jelvény a kép és a szöveg határán */
.rongics-sc-iconcircle{position:absolute;top:-24px;left:24px;width:48px;height:48px;background:var(--turq);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:4;box-shadow:0 0 0 5px #fff,0 10px 22px -8px rgba(15,85,80,0.55);transition:transform .35s cubic-bezier(.16,1,.3,1);}
.rongics-service-card:hover .rongics-sc-iconcircle{transform:scale(1.08) rotate(-4deg);}
.rongics-sc-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:23px;line-height:1.08;color:var(--ink);}
.rongics-sc-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.55;margin-top:9px;}
.rongics-sc-link{color:var(--turq);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-top:16px;}
.rongics-sc-link::after{content:'→';transition:transform .25s;}
.rongics-service-card:hover .rongics-sc-link::after{transform:translateX(4px);}

/* ===== FŐOLDALI: ABOUT (3 oszlopos) ===== */
.rongics-about{padding:80px 0;}
.rongics-about-grid{display:grid;grid-template-columns:1fr 0.9fr 1.1fr;gap:48px;align-items:center;}
.rongics-about-text h2{margin-bottom:18px;}
.rongics-about-text p{font-size:14px;color:var(--ink-soft);line-height:1.75;max-width:340px;margin-bottom:24px;}
.rongics-about-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:transparent;border:1px solid var(--turq);color:var(--turq);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;border-radius:4px;transition:all .25s;}
.rongics-about-btn:hover{background:var(--turq);color:#fff;}
.rongics-about-btn::after{content:'→';}
.rongics-features{display:flex;flex-direction:column;gap:24px;}
.rongics-feature{display:flex;align-items:flex-start;gap:14px;}
.rongics-feature svg{width:28px;height:28px;color:var(--turq);flex-shrink:0;margin-top:2px;}
.rongics-feature h5{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;}
.rongics-feature p{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0;max-width:240px;}
.rongics-about-visual{position:relative;}
.rongics-about-image{aspect-ratio:5/4;border-radius:6px;background-size:cover;background-position:center;background-color:var(--bg-cream);position:relative;z-index:2;}
.rongics-about-decor{position:absolute;right:-50px;bottom:-40px;width:180px;height:180px;background:var(--turq);opacity:0.85;border-radius:50%;z-index:1;}
.rongics-about-decor::after{content:'';position:absolute;left:25px;top:25px;width:70px;height:70px;background:var(--yellow);border-radius:50%;opacity:0.55;}

/* ===== PARTNERS BAR ===== */
.rongics-partners-bar{padding:48px 0;background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.rongics-partners-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;align-items:center;}
.rongics-partner-item{display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;}
.rongics-partner-item img{max-width:100%;max-height:60px;object-fit:contain;filter:grayscale(1) brightness(0.4);opacity:0.7;transition:all .3s;}
.rongics-partner-item:hover img{filter:none;opacity:1;}
.rongics-partner-placeholder{font-family:'Inter',sans-serif;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:0.08em;opacity:0.55;}

/* ===== FŐOLDALI: GALLERY ===== */
.rongics-gallery{padding:48px 0 80px;}
.rongics-gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.rongics-gallery-head .rongics-eyebrow{margin-bottom:0;}
.rongics-gallery-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.rongics-g-item{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--bg-cream);cursor:pointer;position:relative;}
.rongics-g-item.tall{grid-row:auto;}
.rongics-g-item .zoom{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.rongics-g-item:hover .zoom{transform:scale(1.05);}
.rongics-g-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(31,157,150,0.45));opacity:0;transition:opacity .35s;}
.rongics-g-item:hover::after{opacity:1;}

/* ===== FŐOLDALI: CONTACT STRIP ===== */
.rongics-contact-strip{display:grid;grid-template-columns:1.1fr 1fr;}
.rongics-contact-left{background:var(--turq);color:#fff;padding:48px 56px;display:flex;align-items:center;gap:26px;}
.rongics-contact-icon{width:60px;height:60px;border:2px solid rgba(255,255,255,0.35);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rongics-contact-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;opacity:0.85;margin-bottom:6px;}
.rongics-contact-left h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;margin-bottom:10px;}
.rongics-contact-phone{font-family:'Inter',sans-serif;font-size:24px;font-weight:700;color:var(--yellow);text-decoration:none;display:block;margin-bottom:4px;}
.rongics-contact-phone:hover{color:#fff;}
.rongics-contact-hours{font-size:12px;opacity:0.8;}
.rongics-contact-right{background:var(--bg-cream);padding:48px 56px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
.rongics-contact-right::after{content:'';position:absolute;right:-60px;bottom:-80px;width:280px;height:280px;background:radial-gradient(circle at center,var(--yellow) 0%,transparent 50%);opacity:0.4;}
.rongics-contact-right > *{position:relative;z-index:2;}
.rongics-contact-right h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--ink);margin-bottom:18px;}
.rongics-contact-right .rongics-btn{align-self:flex-start;}

/* ===== ALOLDAL: CONTENT + SIDEBAR ===== */
.rongics-content{padding:80px 0;}
.rongics-content-grid{display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:start;}
.rongics-prose{max-width:680px;}
.rongics-prose > .rongics-eyebrow{margin-bottom:18px;}
.rongics-prose p{font-size:16px;line-height:1.85;color:var(--ink-soft);margin-bottom:22px;}
.rongics-prose p:first-of-type{font-size:17px;color:var(--ink);font-weight:400;}
.rongics-prose > p:first-of-type::first-letter{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:54px;float:left;line-height:0.9;margin:6px 12px 0 0;color:var(--turq);}
.rongics-prose p strong{color:var(--ink);font-weight:600;}
.rongics-prose h2{font-family:'Inter',sans-serif;font-weight:700;font-size:22px;line-height:1.3;letter-spacing:-0.01em;color:var(--ink);margin:44px 0 14px;display:flex;align-items:center;gap:14px;}
.rongics-prose h2::before{content:'';width:32px;height:3px;background:var(--turq);border-radius:2px;flex-shrink:0;}
.rongics-prose h2 em{font-style:normal;color:var(--turq);font-weight:700;}
.rongics-prose h3{font-family:'Inter',sans-serif;font-weight:600;font-size:18px;line-height:1.35;color:var(--ink);margin:32px 0 10px;}
.rongics-prose ul, .rongics-prose ol{margin:0 0 22px 0;padding-left:0;list-style:none;}
.rongics-prose ul li{position:relative;padding-left:28px;margin-bottom:10px;font-size:15.5px;line-height:1.6;color:var(--ink-soft);}
.rongics-prose ul li::before{content:'';position:absolute;left:0;top:9px;width:14px;height:2px;background:var(--turq);}
.rongics-prose ol{counter-reset:rcounter;}
.rongics-prose ol li{position:relative;padding-left:38px;margin-bottom:12px;font-size:15.5px;line-height:1.6;color:var(--ink-soft);counter-increment:rcounter;}
.rongics-prose ol li::before{content:counter(rcounter);position:absolute;left:0;top:0;width:26px;height:26px;background:var(--turq-light);color:var(--turq);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:'Space Grotesk',sans-serif;}

/* SIDEBAR */
.rongics-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:18px;}
.rongics-side-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:24px;}
.rongics-side-card-accent{background:var(--turq);color:#fff;border:none;}
.rongics-side-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--turq);margin-bottom:14px;}
.rongics-side-card-accent .rongics-side-eyebrow{color:var(--yellow);}
.rongics-side-card h4{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:14px;line-height:1.3;}
.rongics-side-card-accent h4{color:#fff;}
.rongics-side-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.rongics-side-list li a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-left:-10px;border-radius:6px;color:var(--ink-soft);text-decoration:none;font-size:13.5px;transition:all .2s;cursor:pointer;}
.rongics-side-list li a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ink-light);transition:all .2s;flex-shrink:0;}
.rongics-side-list li a:hover, .rongics-side-list li a.active{background:#fff;color:var(--turq);}
.rongics-side-list li a:hover::before, .rongics-side-list li a.active::before{background:var(--turq);transform:scale(1.4);}
.rongics-side-contact-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.rongics-side-contact-row svg{width:18px;height:18px;flex-shrink:0;opacity:0.85;}
.rongics-side-contact-row a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;}
.rongics-side-contact-row .label{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;opacity:0.7;font-weight:500;display:block;margin-bottom:2px;color:#fff;}
.rongics-side-contact-row .static{color:#fff;font-size:14px;font-weight:600;}
.rongics-side-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;background:var(--yellow);color:var(--ink);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;border-radius:4px;transition:all .25s;margin-top:8px;}
.rongics-side-btn:hover{background:var(--yellow-soft);color:var(--ink);}

/* ===== ALOLDAL: BENEFITS, INFO CARDS, STEPS ===== */
.rongics-benefits{background:var(--bg-soft);padding:64px 0;}
.rongics-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.rongics-benefits h2{font-family:'Inter',sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-0.015em;color:var(--ink);margin-bottom:24px;}
.rongics-benefits h2 em{font-style:normal;color:var(--turq);font-weight:700;}
.rongics-check-list{list-style:none;display:flex;flex-direction:column;gap:14px;}
.rongics-check-list li{display:flex;align-items:flex-start;gap:14px;font-size:15px;color:var(--ink-soft);line-height:1.55;}
.rongics-check-list li::before{content:none;}
.rongics-benefits-img{aspect-ratio:5/4;border-radius:6px;background-size:cover;background-position:center;background-color:var(--bg-cream);box-shadow:var(--shadow);}

.rongics-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px;}
.rongics-info-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;transition:all .3s;}
.rongics-info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--turq-light);}
.rongics-info-card-icon{width:46px;height:46px;background:var(--turq-light);color:var(--turq);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.rongics-info-card h4{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;letter-spacing:-0.005em;color:var(--ink);margin-bottom:8px;}
.rongics-info-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;}

.rongics-others{padding:64px 0;}
.rongics-others-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:32px;}
.rongics-other-card{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--ink);transition:all .3s;}
.rongics-other-card:hover{background:var(--turq);color:#fff;transform:translateY(-3px);}
.rongics-other-icon{width:38px;height:38px;background:var(--turq-light);color:var(--turq);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;}
.rongics-other-card:hover .rongics-other-icon{background:rgba(255,255,255,0.2);color:#fff;}
.rongics-other-card span.title{font-size:14px;font-weight:600;}

/* CTA BAND */
.rongics-cta-band{background:var(--ink);color:#fff;border-radius:6px;padding:56px 48px;text-align:center;position:relative;overflow:hidden;margin-top:32px;}
.rongics-cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(31,157,150,0.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(232,181,40,0.15) 0%,transparent 50%);}
.rongics-cta-band > *{position:relative;z-index:2;}
.rongics-cta-band h2{font-family:'Inter',sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.015em;color:#fff;margin-bottom:14px;}
.rongics-cta-band h2 em{font-style:normal;color:var(--yellow);font-weight:700;}
.rongics-cta-band p{font-size:14px;color:rgba(255,255,255,0.7);max-width:520px;margin:0 auto 24px;}
.rongics-cta-band .rongics-btn{background:var(--yellow);color:var(--ink);}
.rongics-cta-band .rongics-btn:hover{background:var(--yellow-soft);color:var(--ink);}

/* ===== KAPCSOLAT OLDAL: FORM ===== */
.rongics-form{display:flex;flex-direction:column;gap:18px;margin-top:24px;}
.rongics-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.rongics-form-field{display:flex;flex-direction:column;gap:8px;}
.rongics-form-field label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);}
.rongics-form-field input,.rongics-form-field select,.rongics-form-field textarea{font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;transition:all .25s;width:100%;resize:vertical;}
.rongics-form-field input:focus,.rongics-form-field select:focus,.rongics-form-field textarea:focus{outline:none;border-color:var(--turq);box-shadow:0 0 0 4px var(--turq-light);}
.rongics-form-field input::placeholder,.rongics-form-field textarea::placeholder{color:var(--ink-light);}
.rongics-form-note{font-size:12px;color:var(--ink-light);margin-top:4px;}
.rongics-form-success{background:var(--turq-light);border:1px solid var(--turq);border-radius:8px;padding:24px;color:var(--turq-deep);font-size:15px;text-align:center;}

/* TÉRKÉP */
.rongics-map{margin-top:32px;border-radius:8px;overflow:hidden;border:1px solid var(--line);}
.rongics-map iframe{width:100%;height:380px;border:0;display:block;}

/* GALÉRIA ALOLDAL: MASONRY */
.rongics-masonry{columns:3;column-gap:14px;}
.rongics-m-item{break-inside:avoid;margin-bottom:14px;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;}
.rongics-m-item .zoom{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);background-size:cover;background-position:center;}
.rongics-m-item::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(31,157,150,0.5));opacity:0;transition:opacity .35s;}
.rongics-m-item:hover::after{opacity:1;}
.rongics-m-item:hover .zoom{transform:scale(1.05);}
.rongics-m-item.hide{display:none;}
.rongics-m-label{position:absolute;left:14px;bottom:14px;z-index:2;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .3s;}
.rongics-m-item:hover .rongics-m-label{opacity:1;}

/* GALÉRIA SZŰRŐ GOMBOK */
.rongics-gallery-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;}
.rongics-filter-btn{background:transparent;border:1px solid var(--line);color:var(--ink-soft);padding:10px 20px;border-radius:100px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .25s;}
.rongics-filter-btn:hover{border-color:var(--turq);color:var(--turq);}
.rongics-filter-btn.active{background:var(--turq);color:#fff;border-color:var(--turq);}

/* ===== ÉRTÉKEK GRID (Rólunk-on) ===== */
.rongics-values-section{padding:64px 0;background:var(--bg-soft);}
.rongics-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:36px;}
.rongics-value-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px 30px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.rongics-value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--turq),var(--yellow));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:4;border-radius:14px 14px 0 0;}
@media (hover:hover){
    .rongics-value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent;}
    .rongics-value-card:hover::before{transform:scaleX(1);}
    .rongics-value-card:hover .rongics-value-icon{background:var(--turq);color:#fff;transform:rotate(-6deg) scale(1.05);}
    .rongics-value-card:hover .rongics-value-bgnum{color:rgba(31,157,150,0.10);transform:translate(4px,-4px);}
}
.rongics-value-bgnum{position:absolute;top:8px;right:18px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:74px;line-height:1;color:rgba(26,36,47,0.04);pointer-events:none;transition:color .4s,transform .4s;z-index:0;}
.rongics-value-icon{position:relative;z-index:2;width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--turq-light);color:var(--turq);margin-bottom:20px;transition:all .35s;box-shadow:inset 0 1px 2px rgba(255,255,255,0.7);}
.rongics-value-icon svg{width:24px;height:24px;}
.rongics-value-card h4{position:relative;z-index:2;font-family:'Inter',sans-serif;font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;}
.rongics-value-card p{position:relative;z-index:2;font-size:14px;color:var(--ink-soft);line-height:1.6;}

/* ===== FOOTER ===== */
.rongics-footer{padding:36px 0;background:#fff;border-top:1px solid var(--line);}
.rongics-footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;}
.rongics-footer-links{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;}
.rongics-footer-links a{color:var(--ink);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;}
.rongics-footer-links a:hover{color:var(--turq);}
.rongics-footer-right{text-align:right;font-size:12px;color:var(--ink-soft);line-height:1.5;}
.rongics-footer-langs{display:flex;gap:14px;margin-top:6px;justify-content:flex-end;}

/* ===== MARQUEE (főoldali) ===== */
.rongics-marquee{background:var(--ink);color:#fff;padding:24px 0;overflow:hidden;margin-top:40px;display:flex;}
.rongics-marquee-track{display:flex;gap:56px;white-space:nowrap;animation:rongicsScroll 28s linear infinite;padding-left:56px;}
.rongics-marquee-item{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:30px;display:flex;align-items:center;gap:56px;}
.rongics-marquee-item::after{content:'✦';color:var(--yellow);font-style:normal;font-size:18px;}
@keyframes rongicsScroll{to{transform:translateX(-50%);}}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .rongics-nav-center,.rongics-nav-right .rongics-lang,.rongics-nav-cta{display:none;}
  .rongics-menu-btn{display:block;}
  .rongics-hero-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:480px;margin:24px auto 0;}
  .rongics-hero-inner{grid-template-columns:1fr;gap:36px;align-items:stretch;min-height:auto;}
  .rongics-hero-visual{max-width:520px;width:100%;margin:0 auto;}
  .rongics-service-grid{grid-template-columns:1fr 1fr;}
  .rongics-about-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .rongics-about-visual{grid-column:span 2;}
  .rongics-about-image{aspect-ratio:16/9;}
  .rongics-about-decor{display:none;}
  .rongics-partners-grid{grid-template-columns:repeat(3,1fr);gap:32px;}
  .rongics-partner-item:nth-child(n+4){display:none;}
  .rongics-gallery-row{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:1024px){
  .rongics-content-grid{grid-template-columns:1fr;gap:48px;}
  .rongics-sidebar{position:static;flex-direction:row;flex-wrap:wrap;}
  .rongics-side-card{flex:1 1 280px;}
  .rongics-masonry{columns:2;}
}
@media(max-width:720px){
  .rongics-container{padding:0 18px;}
  .rongics-hero,.rongics-page-hero{padding-left:18px;padding-right:18px;}
  .rongics-nav-inner{padding:14px 18px;}
  .rongics-logo-text{font-size:21px;}
  .rongics-logo-text small{font-size:10px;}
  .rongics-logo img{height:38px;}
  .rongics-hero-content{padding:0;}
  .rongics-page-hero-content{padding:38px 22px;}
  .rongics-site h1{font-size:30px;}
  .rongics-hero-text{font-size:14px;max-width:100%;}
  .rongics-btn{width:100%;justify-content:center;}
  .rongics-hero-card{padding:24px;margin-top:20px;}
  .rongics-services,.rongics-about,.rongics-gallery,.rongics-content,.rongics-others,.rongics-values-section{padding:48px 0;}
  .rongics-site h2{font-size:24px;}
  .rongics-section-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px;}
  .rongics-service-grid{grid-template-columns:1fr;gap:16px;}
  .rongics-about-grid{grid-template-columns:1fr;gap:36px;}
  .rongics-about-visual{grid-column:auto;}
  .rongics-about-image{aspect-ratio:4/3;}
  .rongics-features{flex-direction:row;flex-wrap:wrap;gap:16px;}
  .rongics-feature{flex:1 1 calc(50% - 8px);min-width:140px;}
  .rongics-partners-bar{padding:32px 0;}
  .rongics-partners-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
  .rongics-gallery-row{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,130px);}
  .rongics-g-item.tall{grid-row:span 1;}
  .rongics-contact-strip{grid-template-columns:1fr;}
  .rongics-contact-left,.rongics-contact-right{padding:32px 24px;}
  .rongics-contact-left{flex-direction:column;align-items:flex-start;gap:18px;}
  .rongics-footer-inner{grid-template-columns:1fr;gap:24px;text-align:center;}
  .rongics-footer-links{justify-content:center;}
  .rongics-footer-right{text-align:center;}
  .rongics-footer-langs{justify-content:center;}
  .rongics-marquee{margin-top:20px;padding:18px 0;}
  .rongics-marquee-item{font-size:22px;gap:40px;}
  .rongics-sidebar{flex-direction:column;}
  .rongics-sidebar .rongics-side-card{flex:0 0 auto;width:100%;}
  .rongics-prose > p:first-of-type::first-letter{font-size:44px;}
  .rongics-form-row{grid-template-columns:1fr;}
  .rongics-masonry{columns:1;}
  .rongics-cta-band{padding:40px 24px;}
}
@media(prefers-reduced-motion:reduce){
  .rongics-site .reveal, .rongics-site.rongics-anim .reveal{opacity:1;transform:none;}
  .rongics-marquee-track{animation:none;}
}

/* =====================================================================
   PREMIUM PACK — modern extrák
   ===================================================================== */

/* Grain textúra eltávolítva – teljesítmény (fixed + mix-blend-mode minden görgetésnél újrakomponált) */

/* Lebegő háttér blob-ok */
.rongics-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(55px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.18;
    will-change: transform;
}
.rongics-blob-1 {
    width: 380px; height: 380px;
    background: var(--turq);
    top: -80px; right: -80px;
    animation: rongicsBlob1 14s ease-in-out infinite;
}
.rongics-blob-2 {
    width: 320px; height: 320px;
    background: var(--yellow);
    bottom: -80px; left: 10%;
    opacity: 0.13;
    animation: rongicsBlob2 18s ease-in-out infinite;
}
@keyframes rongicsBlob1 {
    0%, 100% { transform: translate(0,0) scale(1); }
    50% { transform: translate(-40px, 60px) scale(1.15); }
}
@keyframes rongicsBlob2 {
    0%, 100% { transform: translate(0,0) scale(1); }
    50% { transform: translate(50px, -30px) scale(0.9); }
}

/* Olvasási progress bar */
.rongics-progress {
    position: fixed;
    top: 0; left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--turq), var(--yellow));
    z-index: 200;
    transition: width 0.1s linear;
    box-shadow: 0 0 12px rgba(31,157,150,0.4);
}

/* Cursor glow (csak desktopon) */
.rongics-cursor-glow {
    position: fixed;
    top: 0; left: 0;
    width: 500px; height: 500px;
    margin: -250px 0 0 -250px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(circle, rgba(31,157,150,0.08) 0%, transparent 60%);
    transition: opacity 0.3s;
    opacity: 0;
    will-change: transform;
}
.rongics-site.cursor-active .rongics-cursor-glow { opacity: 1; }

/* Magnetic gomb wrapper */
.rongics-magnetic {
    display: inline-block;
    will-change: transform;
    transition: transform 0.3s cubic-bezier(.16,1,.3,1);
}

/* Animált aláhúzás (h1::after-t modifikáljuk) */
.rongics-site h1::after {
    width: 0;
    transition: width 1.2s cubic-bezier(.16,1,.3,1) 0.3s;
}
.rongics-site h1.in::after,
.rongics-site .reveal.in h1::after {
    width: 80px;
}
/* H1 közvetlenül a reveal-on belül */
.rongics-page-hero-content h1.reveal.in::after { width: 80px; }

/* Vissza a tetejére gomb */
.rongics-totop {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 48px; height: 48px;
    background: var(--ink);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 90;
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s cubic-bezier(.16,1,.3,1);
    box-shadow: 0 12px 30px -8px rgba(26,36,47,0.3);
    border: none;
}
.rongics-totop.visible {
    opacity: 1;
    transform: translateY(0);
}
.rongics-totop:hover {
    background: var(--turq);
    transform: translateY(-3px);
}
.rongics-totop svg { width: 20px; height: 20px; }

/* Sticky mobil CTA */
.rongics-mobile-cta-bar {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #fff;
    border-top: 1px solid var(--line);
    padding: 12px 16px;
    z-index: 95;
    box-shadow: 0 -8px 20px -8px rgba(26,36,47,0.1);
    gap: 10px;
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,0.95);
}
.rongics-mobile-cta-bar a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: all .25s;
}
.rongics-mobile-cta-bar a.phone {
    background: var(--turq);
    color: #fff;
}
.rongics-mobile-cta-bar a.phone:hover { background: var(--turq-deep); }
.rongics-mobile-cta-bar a.quote {
    background: var(--ink);
    color: var(--yellow);
}
.rongics-mobile-cta-bar a svg { width: 16px; height: 16px; }

/* Számláló animáció - csak a stílust adjuk, JS-sel változik az érték */
.rongics-count-up {
    display: inline-block;
}

/* Lightbox */
.rongics-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(15, 22, 30, 0.96);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px;
    backdrop-filter: blur(10px);
}
.rongics-lightbox.open {
    display: flex;
    animation: rongicsLightboxFade 0.3s ease;
}
@keyframes rongicsLightboxFade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.rongics-lightbox-img {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 6px;
    box-shadow: 0 30px 80px -20px rgba(0,0,0,0.5);
    animation: rongicsLightboxIn 0.4s cubic-bezier(.16,1,.3,1);
}
@keyframes rongicsLightboxIn {
    from { opacity: 0; transform: scale(0.92); }
    to { opacity: 1; transform: scale(1); }
}
.rongics-lightbox-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 44px; height: 44px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.rongics-lightbox-close:hover {
    background: rgba(255,255,255,0.2);
    transform: rotate(90deg);
}
.rongics-lightbox-close svg { width: 20px; height: 20px; }
.rongics-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px; height: 52px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.rongics-lightbox-nav:hover {
    background: rgba(255,255,255,0.2);
}
.rongics-lightbox-prev { left: 24px; }
.rongics-lightbox-next { right: 24px; }
.rongics-lightbox-nav svg { width: 24px; height: 24px; }
.rongics-lightbox-counter {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.7);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.rongics-lightbox-label {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    font-style: italic;
    text-align: center;
    max-width: 80vw;
}

/* Galéria item kattintható kurzor */
.rongics-g-item, .rongics-m-item {
    cursor: zoom-in;
}

/* Mobilon: mobil CTA bar megjelenik, vissza a tetejére átkerül */
@media (max-width: 720px) {
    .rongics-mobile-cta-bar { display: flex; }
    .rongics-totop {
        bottom: 80px;
        right: 16px;
        width: 42px; height: 42px;
    }
    .rongics-cursor-glow { display: none; }
    .rongics-blob { filter: blur(60px); opacity: 0.12; }
    .rongics-lightbox { padding: 16px; }
    .rongics-lightbox-nav {
        width: 42px; height: 42px;
    }
    .rongics-lightbox-prev { left: 12px; }
    .rongics-lightbox-next { right: 12px; }
}

/* Csökkentett mozgás preferencia */
@media(prefers-reduced-motion:reduce){
    .rongics-blob { animation: none; }
    .rongics-progress { transition: none; }
    .rongics-totop, .rongics-magnetic { transition: none; }
    .rongics-cursor-glow { display: none; }
}

/* =====================================================================
   TURBO DESIGN PACK v1.2 — vizuális megerősítések
   ===================================================================== */

/* 1. Gradient szöveg a hero/h2 em-eken */
.rongics-site h1 em {
    background: linear-gradient(115deg, var(--turq) 0%, var(--turq-deep) 45%, var(--turq) 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--turq);
}
.rongics-site h2 em {
    background: linear-gradient(115deg, var(--turq) 0%, var(--turq-deep) 60%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--turq);
}

/* 2. Színes, rétegzett árnyékok */
.rongics-site {
    --shadow: 0 24px 50px -20px rgba(31,157,150,0.25), 0 12px 28px -14px rgba(26,36,47,0.18);
    --shadow-glow: 0 18px 40px -12px rgba(31,157,150,0.35);
}

/* 3. Gradient keret a kártyákon hover-re */
.rongics-info-card, .rongics-value-card { position: relative; }
.rongics-service-card::after,
.rongics-info-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(135deg, var(--turq) 0%, var(--yellow) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s;
    pointer-events: none;
    z-index: 3;
}
@media (hover: hover) {
    .rongics-service-card:hover::after,
    .rongics-info-card:hover::after {
        opacity: 1;
    }
}

/* 4. Offset képkeret (eltolt vonalkeret a képek mögött) */
.rongics-about-visual::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--yellow);
    border-radius: 6px;
    transform: translate(16px, 16px);
    z-index: 0;
    opacity: 0.7;
    transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.rongics-about-visual:hover::before {
    transform: translate(10px, 10px);
}
.rongics-benefits-img { position: relative; }
.rongics-benefits-img::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 2px solid var(--turq);
    border-radius: 6px;
    transform: translate(-14px, 14px);
    z-index: -1;
    opacity: 0.55;
}

/* 5. Eyebrow badge-ek pill formában, lüktető ponttal */
.rongics-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--turq-light);
    padding: 7px 16px 7px 12px;
    border-radius: 100px;
}
.rongics-eyebrow::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--turq);
    flex-shrink: 0;
    animation: rongicsEyebrowPulse 2.4s ease-out infinite;
}
@keyframes rongicsEyebrowPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(31,157,150,0.45); }
    50% { box-shadow: 0 0 0 6px rgba(31,157,150,0); }
}
.rongics-side-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.rongics-side-eyebrow::before {
    content: '';
    width: 16px;
    height: 2px;
    background: var(--yellow);
    border-radius: 2px;
}

/* 6. Gombok: gradient + glow + fény-svip */
.rongics-btn {
    background: linear-gradient(120deg, var(--turq) 0%, var(--turq-deep) 100%);
    box-shadow: 0 8px 22px -8px rgba(31,157,150,0.5);
    position: relative;
    overflow: hidden;
}
.rongics-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -80%;
    width: 60%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,0.25), transparent);
    transform: skewX(-20deg);
    transition: left .6s cubic-bezier(.16,1,.3,1);
}
.rongics-btn:hover::before { left: 130%; }
.rongics-btn:hover {
    box-shadow: 0 14px 32px -8px rgba(31,157,150,0.65);
}
.rongics-btn > * { position: relative; z-index: 2; }
.rongics-nav-cta {
    box-shadow: 0 6px 18px -6px rgba(26,36,47,0.35);
}
.rongics-side-btn {
    box-shadow: 0 8px 20px -8px rgba(232,181,40,0.55);
}
.rongics-side-btn:hover {
    box-shadow: 0 12px 28px -8px rgba(232,181,40,0.7);
    transform: translateY(-2px);
}

/* 7. Galéria/kép hover: duo-tone színátmenet */
.rongics-g-item::after,
.rongics-m-item::after {
    background: linear-gradient(160deg, rgba(31,157,150,0.55) 0%, rgba(232,181,40,0.35) 100%);
    mix-blend-mode: multiply;
}

/* 8. Hero kártya: üveghatás finomítás */
.rongics-hero-card {
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(18px) saturate(1.3);
    border: 1px solid rgba(255,255,255,0.7);
    box-shadow: 0 32px 70px -22px rgba(26,36,47,0.28), 0 4px 16px -6px rgba(31,157,150,0.12);
}
.rongics-hcard-icon {
    background: linear-gradient(135deg, var(--turq-light) 0%, #d7eeec 100%);
    box-shadow: inset 0 1px 3px rgba(255,255,255,0.9), 0 4px 10px -4px rgba(31,157,150,0.3);
}

/* 9. Side kártyák: gradient felső csík + akcent mélyítés */
.rongics-side-card {
    position: relative;
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
}
.rongics-side-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}
.rongics-side-card:not(.rongics-side-card-accent)::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--turq) 0%, var(--yellow) 100%);
}
.rongics-side-card-accent {
    background: linear-gradient(150deg, var(--turq) 0%, var(--turq-deep) 100%);
    box-shadow: 0 18px 40px -14px rgba(31,157,150,0.5);
}
.rongics-side-card-accent::after {
    content: '';
    position: absolute;
    right: -40px;
    top: -40px;
    width: 140px;
    height: 140px;
    border: 22px solid rgba(255,255,255,0.07);
    border-radius: 50%;
    pointer-events: none;
}

/* 10. Iniciálé: gradient */
.rongics-prose > p:first-of-type::first-letter {
    background: linear-gradient(135deg, var(--turq) 0%, var(--turq-deep) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--turq);
}

/* 11. Prose h2: gradient vonal + hover mikromozgás */
.rongics-prose h2::before {
    background: linear-gradient(90deg, var(--turq) 0%, var(--yellow) 100%);
    transition: width .35s cubic-bezier(.16,1,.3,1);
}
.rongics-prose h2:hover::before { width: 48px; }

/* 12. Breadcrumb: üveg pill */
.rongics-breadcrumb {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    padding: 8px 16px;
    border-radius: 100px;
    display: inline-flex;
    border: 1px solid rgba(255,255,255,0.8);
    box-shadow: 0 4px 14px -6px rgba(26,36,47,0.12);
}

/* 13. Page icon: gradient + ring */
.rongics-page-icon {
    background: linear-gradient(135deg, var(--turq) 0%, var(--turq-deep) 100%);
    box-shadow: 0 10px 26px -8px rgba(31,157,150,0.55), 0 0 0 6px rgba(31,157,150,0.1);
}

/* 14. Footer felső animált gradient csík */
.rongics-footer { position: relative; }
.rongics-footer::before {
    content: '';
    position: absolute;
    top: -1px; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--turq) 0%, var(--yellow) 50%, var(--turq) 100%);
    background-size: 200% 100%;
    animation: rongicsGradShift 8s linear infinite;
}
@keyframes rongicsGradShift {
    0% { background-position: 0% 0; }
    100% { background-position: 200% 0; }
}

/* 15. Check-lista: hover mikromozgás (csak egeres eszközön, hogy mobilon ne ragadjon be) */
.rongics-check-list li {
    border-radius: 6px;
    padding: 4px 8px;
    margin-left: -8px;
}
@media (hover: hover) {
    .rongics-check-list li {
        transition: transform .25s, background .25s;
    }
    .rongics-check-list li:hover {
        transform: translateX(6px);
        background: rgba(31,157,150,0.05);
    }
}
.rongics-check-list li::before {
    background: linear-gradient(135deg, var(--turq-light) 0%, #d0ebe9 100%);
    box-shadow: 0 3px 8px -3px rgba(31,157,150,0.35);
}

/* 16. Other-services kártyák: gradient hover */
.rongics-other-card:hover {
    background: linear-gradient(135deg, var(--turq) 0%, var(--turq-deep) 100%);
    box-shadow: 0 14px 30px -10px rgba(31,157,150,0.5);
}

/* 17. CTA band: lassan mozgó gradient háttér */
.rongics-cta-band::before {
    background:
        radial-gradient(circle at 25% 30%, rgba(31,157,150,0.35) 0%, transparent 45%),
        radial-gradient(circle at 80% 75%, rgba(232,181,40,0.22) 0%, transparent 45%);
    animation: rongicsCtaShift 10s ease-in-out infinite alternate;
}
@keyframes rongicsCtaShift {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1.15) rotate(3deg); }
}

/* 18. Szelekció szín */
.rongics-site ::selection {
    background: var(--yellow-soft);
    color: var(--ink);
}

/* 19. Stat számok (trust): gradient */
.rongics-trust-num {
    background: linear-gradient(120deg, var(--yellow) 0%, var(--yellow-soft) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--yellow);
}

/* 20. Filter gombok: aktív állapot gradient */
.rongics-filter-btn.active {
    background: linear-gradient(120deg, var(--turq) 0%, var(--turq-deep) 100%);
    box-shadow: 0 6px 16px -6px rgba(31,157,150,0.5);
}

/* Csökkentett mozgás */
@media(prefers-reduced-motion:reduce){
    .rongics-eyebrow::before { animation: none; }
    .rongics-footer::before { animation: none; }
    .rongics-cta-band::before { animation: none; }
    .rongics-btn::before { display: none; }
}

/* 21. Staggered hero cím (szavanként úszik be) */
.rongics-stagger-title .rongics-word {
    display: inline-block;
    opacity: 0;
    transform: translateY(28px) rotate(2deg);
    animation: rongicsWordIn .8s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes rongicsWordIn {
    to { opacity: 1; transform: translateY(0) rotate(0); }
}
@media(prefers-reduced-motion:reduce){
    .rongics-stagger-title .rongics-word {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* 22. Mobil menü bezáró gomb */
.rongics-mobile-close {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    background: var(--ink);
    color: #fff;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 10px 24px -8px rgba(26,36,47,0.35);
    transition: all .25s;
}
.rongics-mobile-close:hover {
    background: var(--turq);
    transform: rotate(90deg);
}
.rongics-mobile-close svg {
    width: 20px;
    height: 20px;
}

/* =====================================================================
   MOBIL VÍZSZINTES TÚLCSORDULÁS JAVÍTÁS
   ===================================================================== */

/* Globális: semmi ne lógjon ki vízszintesen */
.rongics-site {
    overflow-x: clip;
    max-width: 100%;
}
.rongics-site .rongics-hero,
.rongics-site .rongics-page-hero,
.rongics-site section,
.rongics-site .rongics-container {
    max-width: 100%;
}

/* A dekoratív blob-ok ne okozzanak görgetést – külön vágó-rétegben élnek */
.rongics-page-hero-inner,
.rongics-page-hero {
    overflow: hidden;
}
.rongics-hero { overflow-x: clip; }
.rongics-hero-inner { overflow: visible; }
.rongics-blob-layer { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; z-index: 0; pointer-events: none; }

/* Grain/blob fixed elemek ne nyúljanak túl */
.rongics-blob { max-width: 100vw; }

@media (max-width: 720px) {
    /* Az egész dokumentum ne csorduljon túl */
    html, body { overflow-x: hidden; max-width: 100%; }

    /* Offset képkeretek befelé, hogy ne lógjanak ki a jobb szélen */
    .rongics-about-visual::before { transform: translate(8px, 8px); }
    .rongics-benefits-img::before { transform: translate(-8px, 8px); }

    /* Szekció-vízjel számok elrejtése mobilon (kilóghatnak) */
    .rongics-section-num { display: none; }

    /* Blob-ok kisebbre + ne lógjanak ki */
    .rongics-blob-1 { width: 240px; height: 240px; right: -60px; top: -60px; }
    .rongics-blob-2 { width: 200px; height: 200px; left: -40px; }

    /* Akcent side-card dekoratív kör maradjon a kártyán belül */
    .rongics-side-card { overflow: hidden; }

    /* Sticky mobil CTA bar miatt legyen alul hely, ne takarjon tartalmat */
    .rongics-footer { padding-bottom: 90px; }
}

/* =====================================================================
   TISZTA KAPCSOLAT-LISTA (SVG ikonokkal, pöttyök nélkül)
   ===================================================================== */
.rongics-contact-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
}
.rongics-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0;
    margin: 0;
}
.rongics-contact-list li::before { content: none; }
.rongics-ci-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--turq-light) 0%, #d7eeec 100%);
    color: var(--turq);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), 0 3px 8px -4px rgba(31,157,150,0.3);
}
.rongics-ci-icon svg { width: 18px; height: 18px; }
.rongics-ci-body { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.rongics-ci-label {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-light);
}
.rongics-contact-list a {
    color: var(--ink);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: color .2s;
    line-height: 1.3;
}
.rongics-contact-list a:hover { color: var(--turq); }
.rongics-ci-text {
    font-size: 14.5px;
    color: var(--ink-soft);
    font-weight: 500;
    line-height: 1.3;
}
.rongics-contact-social {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
    display: flex;
    gap: 10px;
}
.rongics-contact-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--bg-cream);
    color: var(--turq);
    transition: all .25s;
}
.rongics-contact-social a:hover {
    background: var(--turq);
    color: #fff;
    transform: translateY(-2px);
}
.rongics-contact-social a svg { width: 18px; height: 18px; }

/* =====================================================================
   v1.5 JAVÍTÁSOK
   ===================================================================== */

/* --- Kontakt sáv megerősítés (white-on-white ellen) --- */
.rongics-contact-left{background:var(--turq) !important;color:#fff !important;}
.rongics-contact-left h4, .rongics-contact-left p, .rongics-contact-left a, .rongics-contact-left .rongics-contact-phone{color:#fff !important;}
.rongics-contact-strip.reveal{opacity:1;} /* a sáv ne tűnjön el, ha az observer nem fut le */

/* --- Kategória-szűrő / oldalsó lista: tiszta, pöttyök NÉLKÜL --- */
.rongics-side-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;}
.rongics-side-list li{margin:0;padding:0;}
.rongics-side-list li::before{content:none !important;}
.rongics-side-list li a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 14px;margin:0;border-radius:8px;
    color:var(--ink-soft);text-decoration:none;font-size:14.5px;font-weight:500;
    border-left:3px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;
}
.rongics-side-list li a::before{display:none !important;}
.rongics-side-list li a .rongics-side-count{
    font-size:12px;font-weight:600;color:var(--ink-light);
    background:rgba(26,36,47,0.05);border-radius:20px;padding:2px 9px;transition:all .2s;
}
@media (hover:hover){
    .rongics-side-list li a:hover{background:rgba(31,157,150,0.07);color:var(--turq);}
    .rongics-side-list li a:hover .rongics-side-count{background:rgba(31,157,150,0.12);color:var(--turq);}
}
.rongics-side-list li a.active{
    background:#fff;color:var(--turq);font-weight:600;
    border-left:3px solid var(--turq);box-shadow:var(--shadow-sm);
}
.rongics-side-list li a.active .rongics-side-count{background:var(--turq);color:#fff;}

/* --- Akcent side-card: sárga gomb alsó padding rendben --- */
.rongics-side-card-accent{padding:30px 26px 30px !important;}
.rongics-side-card-accent .rongics-side-btn{margin-top:22px;margin-bottom:0;}

/* --- Partner placeholderek: elegáns wordmark-kártyák a nyers nagybetűs szöveg helyett --- */
.rongics-partners-grid{gap:20px;}
.rongics-partner-item{
    border:1px solid var(--line);border-radius:10px;background:#fff;
    padding:22px 16px;min-height:78px;transition:all .25s;
}
@media (hover:hover){
    .rongics-partner-item:hover{border-color:var(--turq);box-shadow:var(--shadow-sm);transform:translateY(-2px);}
}
.rongics-partner-placeholder{
    font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;font-size:16px;
    color:var(--ink-soft);letter-spacing:0.14em;opacity:0.75;text-transform:uppercase;
}
.rongics-partner-item:hover .rongics-partner-placeholder{color:var(--turq);opacity:1;}

/* =====================================================================
   ÚJ GAZDAG SÖTÉT FOOTER
   ===================================================================== */
.rongics-footer{
    background:linear-gradient(160deg,#16322f 0%,#0e2623 100%);
    color:rgba(255,255,255,0.62);
    padding:64px 0 28px;border-top:none;margin-top:0;
}
.rongics-footer-top{
    display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:48px;
    padding-bottom:40px;
}
.rongics-footer-logo{max-height:54px;width:auto;filter:brightness(0) invert(1);opacity:0.95;}
.rongics-logo-text--light{color:#fff !important;}
.rongics-logo-text--light small{color:rgba(255,255,255,0.6) !important;}
.rongics-footer-tagline{
    margin-top:18px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,0.55);max-width:340px;
}
.rongics-footer-h{
    font-family:'Space Grotesk','Inter',sans-serif;font-size:11px;font-weight:600;
    letter-spacing:0.16em;text-transform:uppercase;color:var(--yellow-soft);margin-bottom:18px;
}
.rongics-footer-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.rongics-footer-nav a{color:rgba(255,255,255,0.72);text-decoration:none;font-size:14px;transition:color .2s,padding .2s;}
.rongics-footer-nav a:hover{color:#fff;padding-left:5px;}
.rongics-footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.rongics-footer-contact li{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,0.72);}
.rongics-footer-contact li svg{width:17px;height:17px;color:var(--yellow-soft);flex-shrink:0;}
.rongics-footer-contact a{color:rgba(255,255,255,0.72);text-decoration:none;transition:color .2s;}
.rongics-footer-contact a:hover{color:#fff;}
.rongics-footer-bottom{
    border-top:1px solid rgba(255,255,255,0.12);padding-top:24px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    font-size:12.5px;color:rgba(255,255,255,0.5);
}
.rongics-footer-langs{display:flex;gap:16px;}
.rongics-footer-langs a{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,0.6);text-decoration:none;font-size:12.5px;cursor:pointer;transition:color .2s;}
.rongics-footer-langs a:hover{color:#fff;}
.rongics-footer .rongics-flag{width:18px;height:13px;border-radius:2px;display:inline-block;overflow:hidden;flex-shrink:0;}

@media (max-width:760px){
    .rongics-footer{padding:48px 0 24px;}
    .rongics-footer-top{grid-template-columns:1fr;gap:34px;padding-bottom:32px;}
    .rongics-footer-tagline{max-width:none;}
    .rongics-footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
}

/* =====================================================================
   KEZDŐLAPI GALÉRIA – szebb (cím, feliratok, hover)
   ===================================================================== */
.rongics-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;}
.rongics-gallery-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(24px,2.4vw,32px);color:var(--ink);line-height:1.1;margin-top:8px;}
.rongics-gallery-title em{font-style:italic;color:var(--turq);}
.rongics-g-item{position:relative;}
.rongics-g-item .zoom{transition:transform .7s cubic-bezier(.16,1,.3,1);}
/* sötét gradiens alul, hogy a felirat olvasható legyen + finom alaphangulat */
.rongics-g-item::before{
    content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(15,85,80,0) 45%,rgba(12,45,42,0.55) 100%);
    opacity:0.9;transition:opacity .35s;
}
.rongics-g-label{
    position:absolute;left:14px;bottom:13px;z-index:2;
    color:#fff;font-family:'Space Grotesk','Inter',sans-serif;
    font-size:12.5px;font-weight:600;letter-spacing:0.03em;
    text-shadow:0 1px 6px rgba(0,0,0,0.35);
    display:flex;align-items:center;gap:8px;
    transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.rongics-g-label::before{
    content:'';width:18px;height:2px;border-radius:2px;background:var(--yellow);flex-shrink:0;
    transition:width .35s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
    .rongics-g-item:hover .zoom{transform:scale(1.06);}
    .rongics-g-item:hover::before{opacity:1;}
    .rongics-g-item:hover .rongics-g-label{transform:translateY(-3px);}
    .rongics-g-item:hover .rongics-g-label::before{width:30px;}
}
@media (max-width:560px){
    .rongics-gallery-head{flex-direction:column;align-items:flex-start;gap:10px;}
}

.rongics-g-item::after{content:none;}

/* =====================================================================
   SZŰRŐGOMBOK – az Elementor/téma gomb-színének felülírása (rózsaszín bleed ellen)
   Erős specificitás + !important, minden állapotra.
   ===================================================================== */
.rongics-site .rongics-filter-btn,
.rongics-site .rongics-filter-btn:hover,
.rongics-site .rongics-filter-btn:focus,
.rongics-site .rongics-filter-btn:focus-visible,
.rongics-site .rongics-filter-btn:active {
    background: transparent !important;
    color: var(--ink-soft) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}
@media (hover:hover){
    .rongics-site .rongics-filter-btn:hover {
        border-color: var(--turq) !important;
        color: var(--turq) !important;
        background: rgba(31,157,150,0.06) !important;
    }
}
.rongics-site .rongics-filter-btn.active,
.rongics-site .rongics-filter-btn.active:hover,
.rongics-site .rongics-filter-btn.active:focus,
.rongics-site .rongics-filter-btn.active:active {
    background: linear-gradient(120deg, var(--turq) 0%, var(--turq-deep) 100%) !important;
    color: #fff !important;
    border-color: var(--turq) !important;
    box-shadow: 0 6px 16px -6px rgba(31,157,150,0.5) !important;
}

/* Form submit és egyéb plugin-gombok is védve az Elementor/téma színtől */
.rongics-site .rongics-form button[type="submit"],
.rongics-site .rongics-form button[type="submit"]:hover,
.rongics-site .rongics-form button[type="submit"]:focus {
    outline: none !important;
}
.rongics-site .rongics-side-list li a:focus,
.rongics-site .rongics-side-list li a:focus-visible {
    outline: none !important;
    background: #fff !important;
}



/* =====================================================================
   IKON-PASS – banner medál, SVG pipa, kategória- és űrlap-ikonok
   ===================================================================== */
/* Aloldal banner ikon-medál (halvány ghost + fehér medál) */
.rongics-ph-badge{position:absolute;right:72px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;}
.rongics-ph-ghost{position:absolute;right:-56px;top:50%;transform:translateY(-50%);color:var(--turq);opacity:0.07;}
.rongics-ph-ghost svg{width:250px;height:250px;display:block;}
.rongics-ph-medal{position:relative;width:104px;height:104px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--turq);box-shadow:0 20px 44px -18px rgba(15,85,80,0.38);}
.rongics-ph-medal::before{content:'';position:absolute;inset:-11px;border:1.5px dashed rgba(31,157,150,0.4);border-radius:50%;animation:rongicsMedalSpin 26s linear infinite;}
.rongics-ph-medal::after{content:'';position:absolute;top:-3px;right:8px;width:11px;height:11px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(232,181,40,0.22);}
.rongics-ph-medal svg{width:44px;height:44px;}
@keyframes rongicsMedalSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.rongics-ph-medal::before{animation:none;}}
@media(max-width:900px){.rongics-ph-badge{display:none;}}

/* SVG pipa a jellemzők-listában */
.rongics-check-list li .rongics-chk{flex-shrink:0;width:26px;height:26px;background:var(--turq-light);color:var(--turq);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.rongics-check-list li .rongics-chk svg{width:13px;height:13px;display:block;}

/* Galéria kategória-ikonok */
.rongics-side-ico{width:30px;height:30px;border-radius:9px;background:var(--turq-light);color:var(--turq);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;}
.rongics-side-ico svg{width:16px;height:16px;display:block;}
.rongics-side-list li a:hover .rongics-side-ico{background:rgba(31,157,150,0.16);}
.rongics-side-list li a.active .rongics-side-ico{background:var(--turq);color:#fff;}
.rongics-side-list li a .rongics-side-count{margin-left:auto;}

/* Űrlap mező-ikonok */
.rongics-inwrap{position:relative;display:block;width:100%;}
.rongics-inwrap .rongics-fi{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--turq);opacity:.8;pointer-events:none;display:flex;}
.rongics-inwrap .rongics-fi svg{width:16px;height:16px;display:block;}
.rongics-inwrap input,.rongics-inwrap select,.rongics-inwrap textarea{padding-left:42px;}
.rongics-inwrap.is-area .rongics-fi{top:17px;transform:none;}


/* =====================================================================
   JAVÍTÁSOK – akcent kártya gomb alsó padding kikényszerítése
   (külső/téma stílus ne nyomhassa el), erős specificitással
   ===================================================================== */
.rongics-site .rongics-side-card-accent{
    padding: 30px 26px !important;
    padding-bottom: 30px !important;
    display: block !important;
    height: auto !important;
}
.rongics-site .rongics-side-card-accent .rongics-side-btn{
    margin: 22px 0 0 !important;
    position: static !important;
}


/* =====================================================================
   JAVÍTÁS – akcent kártya alsó tér mobilon (biztos, legmagasabb specificitás)
   ===================================================================== */
@media (max-width: 720px) {
    .rongics-site .rongics-side-card.rongics-side-card-accent {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        padding: 28px 24px 30px !important;
    }
    .rongics-site .rongics-side-card.rongics-side-card-accent .rongics-side-btn {
        margin: 22px 0 0 !important;
    }
}
/* A sárga gomb árnyéka ne "folyjon" a kártya aljára (flush-hatás ellen) */
.rongics-side-card-accent .rongics-side-btn {
    box-shadow: 0 6px 16px -10px rgba(20,35,31,0.5);
}
.rongics-side-card-accent .rongics-side-btn:hover {
    box-shadow: 0 8px 20px -10px rgba(20,35,31,0.6);
}

/* Nyelvváltó – aktív nyelv kiemelése */
.rongics-lang a,.rongics-footer-langs a,.m-langs a{opacity:.62;transition:opacity .2s,color .2s;}
.rongics-lang a:hover,.rongics-footer-langs a:hover,.m-langs a:hover{opacity:1;}
.rongics-lang a.active,.rongics-footer-langs a.active,.m-langs a.active{opacity:1;font-weight:600;color:var(--turq);}


/* =====================================================================
   JAVÍTÁSOK (v2.1.1)
   ===================================================================== */

/* 1) Iniciálé kikapcsolása ott, ahol nem cikkszöveg (pl. kapcsolat oldali bevezető) */
.rongics-prose.rongics-no-dropcap > p:first-of-type::first-letter{
    font-family:inherit;font-weight:inherit;font-size:inherit;
    float:none;line-height:inherit;margin:0;color:inherit;
}

/* 2) Űrlap mező-ikonok: a szöveg soha ne csússzon az ikonra (téma felülírás ellen) */
.rongics-site .rongics-inwrap{position:relative;}
.rongics-site .rongics-inwrap input,
.rongics-site .rongics-inwrap select,
.rongics-site .rongics-inwrap textarea{
    padding-left:44px !important;
}
.rongics-site .rongics-inwrap .rongics-fi{z-index:2;}

/* 3) Ajánlatkérés gomb: az Elementor/téma gomb-színe (rózsaszín) ne üssön át */
.rongics-site .rongics-form button[type="submit"],
.rongics-site .rongics-form button[type="submit"]:hover,
.rongics-site .rongics-form button[type="submit"]:focus,
.rongics-site .rongics-form button[type="submit"]:focus-visible,
.rongics-site .rongics-form button[type="submit"]:active,
.rongics-site .rongics-form button[type="submit"] *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:transparent !important;
}
.rongics-site .rongics-form button[type="submit"]{
    background:linear-gradient(120deg,var(--turq) 0%,var(--turq-deep) 100%) !important;
}

/* Adatvédelmi oldal táblázat + footer legal link */
.rongics-priv-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;}
.rongics-priv-table th,.rongics-priv-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.rongics-priv-table th{background:var(--bg-cream);font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.rongics-footer-legal{color:inherit;opacity:.7;text-decoration:none;margin-left:14px;transition:opacity .2s;}
.rongics-footer-legal:hover{opacity:1;text-decoration:underline;}

/* Szolgáltatás aloldal galériája */
.rongics-service-gallery{padding:0 0 90px;}
.rongics-sg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.rongics-sg-grid .rongics-m-item{margin:0;break-inside:auto;border-radius:8px;}
@media(max-width:1024px){.rongics-sg-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.rongics-service-gallery{padding-bottom:60px;}.rongics-sg-grid{grid-template-columns:repeat(2,1fr);gap:10px;}}

/* Űrlap hibaüzenet */
.rongics-form-error{background:#fdecea;border:1px solid #f5c2c0;color:#8a1f1c;padding:14px 18px;border-radius:8px;font-size:14px;margin-bottom:18px;}