/* Standard (non-flip) variant card */
.std-card {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.08);
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.std-card h5 { margin-bottom: 8px; }
.std-card ul { padding-left: 1rem; }
/* Rounded white background for logo image */
img.logo-badge,
image.logo-badge {
	background: #ffffff;
	border-radius: 16px;
	padding: 8px 12px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	display: inline-block;
}
:root { --black:#111; --grey:#6b6b6b; --line:#dcdcdc; --bg:#f6f6f6; --accent:#D17C2F; --accent2:#2F5BA9; --accent3:#3B9E7F; }
html,body{height:100%;}
body{font-family:'Poppins',sans-serif;background:linear-gradient(180deg,#fff,#f0f0f0);color:var(--black);}    
/* Minimal fejléchez külön nav */
.lh-nav{background:#fafafa;border-bottom:3px solid var(--accent);} 
.brand{font-weight:700;letter-spacing:.5px;color:var(--accent2);text-decoration:none;}
.hero-wrap{padding:48px 0 24px;}
.parallax-section{background-position:center;background-size:cover;background-attachment:fixed;}
.parallax-section .hero-title{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);} 
.parallax-section .hero-sub{color:#f5f5f5;text-shadow:0 1px 6px rgba(0,0,0,.25);} 
.accent-section{background:linear-gradient(135deg, rgba(47,91,169,0.08), rgba(209,124,47,0.08)); border-top:2px solid var(--accent2); border-bottom:2px solid var(--accent); padding-top:8px; padding-bottom:8px;}
.emblem{width:280px;height:280px;border-radius:50%;border:6px solid var(--accent2);position:relative;margin:0 auto;background:radial-gradient(120px circle at 50% 40%, #fff 0%, #f0f0f0 60%, #e9eef6 100%);box-shadow:0 12px 28px rgba(0,0,0,.12);} 
.emblem:before,.emblem:after{content:"";position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);} 
.emblem:before{width:220px;height:220px;border:2px dashed var(--accent3);} 
.emblem:after{width:160px;height:160px;border:6px solid var(--accent);background:linear-gradient(135deg,#fff,#f5efe9);} 
.emblem-text{position:absolute;width:100%;text-align:center;left:0;color:#333;font-weight:700;}
.txt-top{top:18px;letter-spacing:2px;font-size:14px;}
.txt-bottom{bottom:18px;letter-spacing:2px;font-size:14px;}
.hero-title{font-weight:800;text-transform:uppercase;margin-top:22px;text-align:center;color:var(--accent2);} 
.hero-sub{color:#444;text-align:center;max-width:860px;margin:10px auto 0;}
.btn-back{display:inline-block;margin-top:14px;border-color:var(--accent2);color:var(--accent2);} 
.btn-back:hover{background:var(--accent2);color:#fff;border-color:var(--accent2);} 
.divider{height:2px;background:var(--line);margin:26px auto;max-width:880px;}
/* Galéria rács */
.gallery{max-width:1200px;margin:10px auto 50px;padding:0 16px;}
.gallery .card{border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease;}
.gallery .card:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(0,0,0,.12);} 
/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 48px rgba(0,0,0,.4);} 
.lightbox .close{position:absolute;top:20px;right:24px;font-size:28px;color:#fff;background:linear-gradient(135deg,var(--accent2),var(--accent));border:1px solid rgba(255,255,255,.35);border-radius:30px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.lightbox .arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:36px;color:#fff;background:linear-gradient(135deg,var(--accent3),var(--accent2));border:1px solid rgba(255,255,255,.35);border-radius:40px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.lightbox .prev{left:24px;} .lightbox .next{right:24px;}
/* Szürke dobozok szöveghez */
.section{max-width:980px;margin:0 auto;padding:0 16px;}
.info-box{border:1px solid var(--line);border-left:6px solid #888;background:#fafafa;border-radius:8px;padding:18px;margin:24px 0;}
footer{border-top:1px solid var(--line);background:#f7f7f7;padding:18px 0;margin-top:36px;}
a.link{color:#333;text-decoration:underline dotted;}

/* Menütabs és img-only keretek */
.menu-tabs { margin-top: 6px; }
.img-only .imgframe{position:relative; overflow:hidden; border:1px solid var(--line); border-radius:12px;}
.img-only .imgframe img{display:block; width:100%;}
.img-only .imgframe figcaption{position:absolute; left:0; right:0; bottom:0; padding:8px 12px; background:linear-gradient(90deg, rgba(209,124,47,0.85), rgba(47,91,169,0.85)); color:#fff; font-size:13px; text-align:center;}
.img-only .imgframe:hover img{transform:scale(1.03); transition:transform .25s ease;}

/* Flip card típus */
.flip-card{perspective:1000px;}
.flip-inner{position:relative; width:100%; height:160px; transform-style:preserve-3d; transition:transform .6s; border:1px solid var(--line); border-radius:8px;}
.flip-card:hover .flip-inner{transform:rotateY(180deg);} 
.flip-front,.flip-back{position:absolute; inset:0; backface-visibility:hidden; border-radius:8px; padding:14px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.flip-front{background:linear-gradient(135deg,#ffffff,#f7efe6);} .flip-back{background:linear-gradient(135deg,#eaf6f3,#f5f5f5); transform:rotateY(180deg);} 

/* Spec, calc kártyák */
.spec-card,.calc-card{border:1px solid var(--accent3); border-radius:10px; padding:14px; background:linear-gradient(135deg,#ffffff,#f1fbf7);} 
.chips{margin-top:8px;}
.chip{display:inline-block; border:1px solid var(--accent2); border-radius:20px; padding:6px 12px; margin-right:6px; margin-bottom:6px; background:#eef3fb; color:var(--accent2); cursor:pointer; font-size:13px;}
.chip.active{background:#ffe9d4; border-color:var(--accent); color:var(--accent);} 

/* Masonry layout a keveredő képméretekhez */
.masonry{column-count:1; column-gap:16px;}
.masonry-item{break-inside:avoid; margin-bottom:16px; display:inline-block; width:100%;}
@media (min-width:576px){ .masonry{column-count:2;} }
@media (min-width:768px){ .masonry{column-count:3;} }
@media (min-width:1200px){ .masonry{column-count:4;} }

/* Range slider intenzívebb skin */
.calc-card .form-range { height: 1.2rem; }
.calc-card .form-range::-webkit-slider-thumb{background:var(--accent2);} 
.calc-card .form-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent2),var(--accent3)); height:6px;}
.calc-card .form-range::-moz-range-thumb{background:var(--accent2);} 
.calc-card .form-range::-moz-range-track{background:linear-gradient(90deg,var(--accent2),var(--accent3)); height:6px;}