/*
====================================================
NÉV: Mary Nails teljes galéria megjelenés
PROJEKT: Weblabs / Műköröm
TÍPUS: CSS stíluslap
VERZIÓ: v0.4.0
UTOLSÓ FRISSÍTÉS: 2026-08-30

LEÍRÁS: Reszponzív, többnyelvű képgaléria.

FEJLESZTŐ:
Balázs Bakos
NextSheet Innovations
https://www.nextsheet.hu

CHANGELOG:

v0.4.0 - 2026-08-30
- Első verzió

====================================================
*/
:root{--ink:#1d1b1a;--paper:#f5f0e9;--wine:#6e343c;--line:rgba(29,27,26,.18);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}header{height:82px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:38px}.gallery-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-family:var(--serif);font-size:20px}.gallery-brand>span{width:38px;height:38px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-style:italic}.gallery-brand small{display:block;font:7px var(--sans);letter-spacing:.25em;margin-top:4px}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:10px;font-weight:700;color:inherit;text-decoration:none}.gallery-language{display:flex;border:1px solid var(--line);padding:2px}.gallery-language button{border:0;background:none;padding:6px 8px;font-size:8px;font-weight:700}.gallery-language button.active{background:var(--ink);color:#fff}.gallery-title{padding:90px 5vw 60px}.gallery-title p{font-size:9px;letter-spacing:.25em;color:var(--wine);font-weight:700}.gallery-title h1{font:500 clamp(48px,6vw,90px)/.98 var(--serif);letter-spacing:-.04em;margin:20px 0}.gallery-title h1 em{color:var(--wine);font-weight:500}.gallery-title span{color:#756e69}.all-gallery{padding:0 5vw 100px;columns:4 250px;column-gap:14px}.gallery-card{display:block;width:100%;border:0;padding:0;margin:0 0 14px;background:none;cursor:zoom-in;break-inside:avoid;position:relative;overflow:hidden}.gallery-card img{display:block;width:100%;transition:.5s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card span{position:absolute;left:10px;bottom:10px;background:rgba(245,240,233,.9);padding:6px 9px;font:9px var(--sans)}footer{border-top:1px solid var(--line);padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:9px}.social-icons{display:flex;gap:8px}.social-icons a{width:34px;height:34px;border:1px solid;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:inherit;font-weight:700}dialog{border:0;background:transparent;width:min(90vw,900px);height:90vh;padding:0}dialog::backdrop{background:rgba(15,12,11,.92)}dialog img{width:100%;height:100%;object-fit:contain}dialog button{position:absolute;right:0;top:0;border:0;background:#fff;width:40px;height:40px;font-size:25px;cursor:pointer}@media(max-width:600px){header{padding:0 18px;gap:12px}nav a:first-child{display:none}.gallery-title{padding:60px 22px 45px}.all-gallery{padding:0 18px 70px;columns:2 140px;column-gap:8px}.gallery-card{margin-bottom:8px}.gallery-brand{font-size:16px}}