:root{--bg:#07100e;--panel:#0c1916;--panel2:#10221d;--line:#20372f;--gold:#f4c64d;--gold2:#dcae31;--text:#f5f5ef;--muted:#9eaea7;--red:#df6d61;--radius:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 0,#14271f 0,transparent 45%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.topbar{height:auto;min-height:76px;display:flex;align-items:center;gap:24px;padding:12px 3vw;background:#07100ef2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:24px;font-weight:850;line-height:1}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:3px;margin-top:5px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:27px}.brand.big{justify-content:center;font-size:31px;margin-bottom:26px}.brand.big .brand-mark{width:54px;height:54px}nav{display:flex;align-items:center;gap:3px;flex:1}.nav{border:0;background:transparent;color:#d7ded9;padding:12px 10px;border-radius:9px;white-space:nowrap;position:relative}.nav:hover,.nav.active{background:#172720;color:var(--gold)}.nav span{font-size:13px}.nav-badge{background:var(--red);border-radius:20px;padding:1px 5px;font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.search-input,input,textarea,select{background:#081310;border:1px solid #2b4239;color:var(--text);border-radius:9px;padding:12px 13px;min-width:0;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.search-input{width:170px}.user-chip,.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#30483b;color:var(--gold);font-weight:800;border:1px solid #59735f}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:14px}.btn.gold{background:var(--gold);color:#17190f}.btn.gold:hover{background:#ffda72}.btn.outline{background:transparent;border-color:#3c5148}.btn.dark{background:#0a1512dc;border-color:#53645c}.btn.danger{background:#48221f;border-color:#7a3931;color:#ffb9af}.full{width:100%;margin-top:10px}.mobile-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px}.layout{max-width:1600px;margin:auto;padding:18px 3vw 0}.page{display:none;animation:fade .25s ease}.page.active{display:block}@keyframes fade{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.hero{min-height:410px;border:1px solid #253a30;border-radius:var(--radius);overflow:hidden;position:relative;display:flex;align-items:center;padding:clamp(25px,5vw,70px);background:linear-gradient(90deg,#06100cf2 0%,#06100cbf 42%,#06100c20 100%),url('assets/1500375592092-40eb2168fd21.jpg') center 55%/cover}.hero-copy{max-width:570px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:var(--gold);margin:0 0 9px}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.02;margin:0 0 18px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){color:#d7e0da;font-size:17px;max-width:500px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.glass{background:#08130fe8;border:1px solid #33473d;backdrop-filter:blur(12px);border-radius:13px;padding:18px}.weather{position:absolute;right:3%;bottom:24px;width:min(330px,32%)}.split{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-dot{font-size:11px;color:#a9d4a6}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6dd184;margin-right:6px}.weather-main{display:flex;align-items:center;gap:13px;margin:14px 0}.weather-main strong{font-size:32px}.sun{font-size:40px;color:var(--gold)}.muted,small{color:var(--muted)}.tiny{font-size:11px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 30px}.feature-card,.article-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;padding:0 0 14px;display:block;min-width:0}.feature-card b,.feature-card small{display:block;margin:8px 13px 0}.feature-card:hover{border-color:#8d7434;transform:translateY(-2px)}.feature-img{height:140px;background-size:cover;background-position:center;position:relative}.lake{background-image:url('assets/1500375592092-40eb2168fd21.jpg')}.lake2{background-image:url('assets/1470770841072-f978cf4d019e.jpg')}.lake3{background-image:url('assets/1437482078695-73f5ca6c96e2.jpg')}.fish{background-image:url('assets/1511497584788-876760111969.jpg')}.video{background-image:url('assets/1500530855697-b586d89ba3ee.jpg')}.tackle{background-image:url('assets/1518837695005-2083093ee35b.jpg')}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;gap:12px}.section-heading h2,.page-title h1{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.7px}.text-btn{background:transparent;border:0;color:var(--gold);font-weight:700;padding:7px}.catch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catch-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.catch-photo{height:170px;background-size:cover;background-position:center;position:relative}.catch-body{padding:12px}.catch-body h3{margin:0 0 3px;font-size:16px}.catch-meta{font-size:12px;color:var(--muted)}.weight{color:var(--gold);font-weight:850}.like-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.like-btn{border:1px solid var(--line);background:#0a1512;border-radius:8px;padding:5px 9px;color:#dce5df}.like-btn.liked{color:#ff7f84;border-color:#85464b}.two-col{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin:24px 0}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.video-thumb{height:170px;background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.play{width:47px;height:47px;border-radius:50%;border:1px solid white;background:#07100d9c;display:grid;place-items:center;font-size:20px}.video-card h3{font-size:14px;margin:10px 12px 2px}.video-card small{display:block;margin:0 12px 12px}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px}.side-panel h3{margin:0 0 12px}.place-mini{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-thumb{width:65px;height:48px;border-radius:7px;background-size:cover;background-position:center;flex-shrink:0}.place-mini b,.place-mini small{display:block}.page-title{padding:28px 0 20px}.page-title p{max-width:780px}.page-title h1{font-size:clamp(32px,4vw,46px)}.map-panel{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel);min-height:350px}.map-art{position:relative;min-height:320px;background:linear-gradient(140deg,#244d3b,#183c35 30%,#37614a 31%,#1c4c46 55%,#173b31);overflow:hidden}.map-art:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(25deg,transparent 0 35px,#8aa17a24 36px 38px),repeating-linear-gradient(115deg,transparent 0 60px,#9cb18b25 61px 63px);transform:rotate(-8deg)}.map-pin{position:absolute;color:var(--gold);font-size:28px;text-shadow:0 2px 7px #000}.p1{left:25%;top:35%}.p2{left:57%;top:57%}.p3{left:74%;top:22%}.map-label{position:absolute;left:25%;top:48%;background:#07100de8;border:1px solid #7e6c34;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:800}.map-info{padding:30px}.stat-row{display:flex;gap:30px;margin:25px 0}.stat-row b,.stat-row small{display:block}.stat-row b{color:var(--gold);font-size:20px}.form-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px;margin:15px 0 22px}.form-panel h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}label{display:flex;flex-direction:column;gap:6px;color:#c7d1ca;font-size:13px;margin-bottom:12px}textarea{resize:vertical;width:100%}.filter-row{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.filter-row input{flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gallery-item{position:relative;height:230px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.gallery-item .like-btn{position:absolute;bottom:10px;right:10px;background:#06100ddd}.chip{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:8px 14px}.chip.active{color:var(--gold);border-color:var(--gold)}.video-grid.large{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:40px}.video-grid.large .video-thumb{height:220px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.article-card{padding-bottom:17px}.article-card .eyebrow,.article-card h3,.article-card p,.article-card button{margin-left:15px;margin-right:15px}.article-card .eyebrow{display:block;margin-top:15px}.article-card h3{margin-top:5px;margin-bottom:5px}.article-card p{font-size:13px}.feed{max-width:850px;margin:0 auto}.post{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px;margin:15px 0}.post-head{display:flex;align-items:center;gap:10px}.post-head small{display:block}.post-text{white-space:pre-wrap;margin:15px 0}.post-actions{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.comment-list{padding:5px 0}.comment{font-size:13px;padding:8px;background:#12231d;border-radius:7px;margin:6px 0}.comment-form{display:flex;gap:7px;margin-top:8px}.comment-form input{flex:1;padding:9px}.messages-layout{display:grid;grid-template-columns:280px 1fr;min-height:480px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);margin-bottom:30px}.conversation-list{border-right:1px solid var(--line);padding:14px}.conversation{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;background:transparent;border:0;border-radius:8px}.conversation.active,.conversation:hover{background:#1a2d24}.conversation span:last-child{min-width:0}.conversation b,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{font-size:11px}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.chat-head small{display:block}.online{color:#8ed69b}.chat-messages{flex:1;padding:17px;display:flex;flex-direction:column;gap:10px;min-height:310px}.bubble{max-width:75%;padding:10px 13px;border-radius:12px;background:#1a2b23;align-self:flex-start}.bubble.mine{background:#705b21;color:#fff2ce;align-self:flex-end}.bubble small{display:block;font-size:10px;text-align:right;margin-top:4px;color:#c3c9bf}.message-compose{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.message-compose input{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:12px}.stat-card small,.stat-card b,.stat-card span{display:block}.stat-card b{font-size:30px;color:var(--gold)}.stat-card span{font-size:11px;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:25px 0;margin-top:35px}.toast{position:fixed;bottom:20px;right:20px;background:#f4c64d;color:#14170f;padding:12px 18px;border-radius:9px;box-shadow:0 10px 40px #0008;z-index:40;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.modal,.login-overlay{position:fixed;inset:0;background:#020806eF;z-index:50;display:grid;place-items:center;padding:20px}.modal{z-index:30}.modal-card,.login-card{width:min(440px,100%);background:#0b1713;border:1px solid #334a3c;border-radius:17px;padding:28px;position:relative;box-shadow:0 25px 80px #0008}.login-card h1{text-align:center;font-size:26px;line-height:1.15;margin:5px 0 25px}.login-card .eyebrow{text-align:center}.login-card label{margin-bottom:14px}.login-card input{width:100%}.error{color:#ff9a91;font-size:12px}.modal-close{position:absolute;right:13px;top:8px;background:transparent;border:0;font-size:26px;color:var(--muted)}.hidden{display:none!important}.mobile-menu{color:var(--gold)}@media(max-width:1250px){.topbar{gap:12px}.nav{padding:10px 7px}.nav span{font-size:12px}.search-input{width:130px}.weather{width:290px}.hero{padding:35px}.hero-copy{max-width:450px}}@media(max-width:980px){.topbar{flex-wrap:wrap}.mobile-menu{display:block;margin-left:auto}.top-actions{margin-left:auto}.topbar nav{display:none;order:4;flex-basis:100%;flex-wrap:wrap}.topbar nav.open{display:flex}.nav{flex:1}.hero{min-height:430px}.weather{position:relative;right:auto;bottom:auto;width:100%;margin-top:25px}.hero{display:block}.hero-copy{max-width:600px}.feature-grid,.catch-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.video-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.map-panel{grid-template-columns:1fr}.map-art{min-height:240px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.topbar{padding:10px 4vw}.brand{font-size:21px}.brand-mark{width:37px;height:37px}.top-actions{width:100%;order:5}.top-actions .search-input{flex:1;width:0}.topbar nav.open{gap:4px}.nav{flex-basis:28%;padding:8px 4px}.nav span{font-size:11px}.layout{padding:12px 4vw 0}.hero{padding:24px 18px;min-height:0}.hero h1{font-size:42px}.hero-copy>p:not(.eyebrow){font-size:15px}.weather{margin-top:25px;padding:13px}.weather-main strong{font-size:27px}.feature-grid{gap:9px}.feature-img{height:105px}.feature-card b,.feature-card small{margin-left:9px;margin-right:9px;font-size:12px}.feature-card small{font-size:11px}.catch-grid,.gallery-grid{gap:9px}.catch-photo{height:130px}.catch-body{padding:9px}.catch-body h3{font-size:14px}.gallery-item{height:155px}.video-grid,.video-grid.large,.article-grid{grid-template-columns:1fr}.video-grid.large .video-thumb{height:190px}.form-grid{grid-template-columns:1fr}.page-title{padding-top:20px}.page-title .split{align-items:flex-start;flex-direction:column}.map-info{padding:20px}.messages-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.conversation{width:33%;display:inline-flex;vertical-align:top;padding:6px;flex-direction:column;align-items:flex-start}.conversation small{display:none}.chat-messages{min-height:240px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{align-items:flex-start;flex-wrap:wrap}footer p{font-size:12px}.section-heading h2{font-size:22px}.split{align-items:flex-start} }

/* Galéria: nagy méretű képnézet */
.gallery-item { cursor: zoom-in; }
.gallery-item:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.modal.gallery-modal { z-index: 60; }
.modal.gallery-modal .modal-card { width: min(1100px, 100%); padding: 14px; }
.gallery-lightbox { text-align: center; }
.gallery-lightbox img { display: block; width: 100%; max-height: 78vh; object-fit: contain; border-radius: 10px; }
.gallery-lightbox p { margin: 10px 36px 0; font-size: 12px; }
@media (max-width: 600px) {
  .modal.gallery-modal { padding: 10px; }
  .modal.gallery-modal .modal-card { padding: 10px; }
  .gallery-lightbox img { max-height: 75vh; }
}


/* Képgaléria és videótár közös médiamegjelenítő */
.media-card-actions { padding: 0 12px 12px; }
.gallery-uploader { position:absolute;top:9px;left:9px;background:#06100ddd;border:1px solid #ffffff24;border-radius:7px;padding:4px 8px;font-size:11px; }
.modal.media-modal { z-index:60; overflow-y:auto; }
.modal.media-modal .modal-card { width:min(1000px,100%);padding:20px; margin:auto; }
.media-viewer-heading { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-right:30px; }
.media-viewer-heading h2 { margin:0 0 4px;font-size:clamp(20px,3vw,28px); }
.media-viewer-heading p { margin:0 0 12px; }
.media-position { color:var(--gold);font-size:13px;white-space:nowrap; }
.media-stage { display:flex;align-items:center;justify-content:center;gap:8px;min-width:0; }
.media-viewer-image { display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:10px;background:#030806; }
.media-arrow { flex:0 0 42px;width:42px;height:52px;border:1px solid #526557;border-radius:10px;background:#10221ddd;color:var(--gold);font-size:36px;line-height:1; }
.media-arrow:hover { background:#263d2d; }
.media-social { display:flex;align-items:center;gap:14px;margin:13px 0;padding-bottom:13px;border-bottom:1px solid var(--line); }
.media-comments h3 { margin:10px 0; }
.media-comment-list { max-height:180px;overflow-y:auto; }
.media-demo-note { font-size:11px;margin-bottom:0; }
.media-video-placeholder { min-height:300px;flex:1;border-radius:10px;background-size:cover;background-position:center;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden; }
.media-video-placeholder:before { content:"";position:absolute;inset:0;background:#020806bd; }
.media-video-placeholder>div { position:relative;padding:25px; }
.media-play-symbol { display:inline-grid;place-items:center;border:2px solid white;border-radius:50%;width:60px;height:60px;font-size:25px;padding-left:4px; }
@media(max-width:600px) {
  .modal.media-modal { padding:8px; }
  .modal.media-modal .modal-card { padding:14px; }
  .media-stage { gap:4px; }
  .media-arrow { flex-basis:32px;width:32px;height:44px;font-size:29px; }
  .media-viewer-image { max-height:52vh; }
  .media-video-placeholder { min-height:220px; }
  .media-viewer-heading { padding-right:24px; }
  .media-social { flex-wrap:wrap; }
  .media-comments .comment-form { flex-direction:column; }
}