/* Mrągowo Bus 9.7 — Galeria mieszkańców + ranking */
.gallery-page-hero{background:linear-gradient(90deg,rgba(3,14,22,.94),rgba(3,14,22,.55)),url('../assets/media/hero_mragowo_bus.webp') center/cover}
.gallery-page-hero .primary-btn{align-self:flex-end}
.gallery-intro-v97{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,rgba(20,77,105,.32),rgba(8,28,40,.82));overflow:hidden;position:relative}
.gallery-intro-v97:after{content:"▧";position:absolute;right:28px;top:-26px;font-size:150px;line-height:1;color:rgba(74,199,255,.045);transform:rotate(-8deg);pointer-events:none}
.gallery-intro-v97 h2{margin:5px 0 8px;font-size:28px}.gallery-intro-v97 p{margin:0;max-width:760px;color:#91aab8;line-height:1.65}
.gallery-intro-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;position:relative;z-index:1}.gallery-intro-badges span{padding:9px 11px;border:1px solid rgba(93,203,255,.17);border-radius:999px;background:rgba(6,24,35,.68);font-size:10px;font-weight:850;color:#bfeeff;white-space:nowrap}
.gallery-layout-v97{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.gallery-main-v97{min-width:0}.gallery-side-v97{display:grid;align-content:start;gap:16px}.gallery-toolbar-head{margin-bottom:12px}
.gallery-toolbar-v97{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.gallery-category-chips{display:flex;flex-wrap:wrap;gap:7px}.gallery-category-chips button{border:1px solid rgba(89,190,235,.14);background:rgba(7,24,35,.74);color:#89a4b3;padding:9px 11px;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer}.gallery-category-chips button:hover,.gallery-category-chips button.active{color:#fff;border-color:rgba(70,198,255,.38);background:linear-gradient(135deg,rgba(37,145,237,.9),rgba(18,107,196,.92));box-shadow:0 7px 22px rgba(31,140,240,.18)}
.gallery-sort-v97{display:grid;gap:5px;color:#6f8c9d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;min-width:160px}.gallery-sort-v97 select{border:1px solid rgba(88,190,236,.16);border-radius:12px;background:#071925;color:#e6f7ff;padding:10px 12px;outline:0}
.gallery-grid-v97{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-card-v97{overflow:hidden;border-radius:22px;border:1px solid rgba(84,193,255,.14);background:linear-gradient(160deg,rgba(8,27,39,.98),rgba(6,19,29,.98));box-shadow:0 12px 28px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease}.gallery-card-v97:hover{transform:translateY(-2px);border-color:rgba(84,193,255,.28)}
.gallery-card-photo{position:relative;overflow:hidden;background:#06121b}.gallery-card-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease}.gallery-card-v97:hover .gallery-card-photo img{transform:scale(1.025)}.gallery-category-badge{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(4,18,28,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.11);color:#e9f8ff;font-size:9px;font-weight:900}.gallery-comment-badge{position:absolute;right:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(4,18,28,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.11);color:#9adfff;font-size:9px;font-weight:850}
.gallery-card-copy{padding:14px}.gallery-card-copy h3{font-size:17px;margin:9px 0 6px;line-height:1.25}.gallery-card-copy>p{margin:0 0 10px;color:#8ea8b6;line-height:1.55;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.gallery-card-meta span{font-size:9px;color:#87a6b7;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.025)}.gallery-card-credit{font-size:10px;color:#6f8d9d;margin:3px 0 8px}.gallery-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.gallery-uploader{display:flex;align-items:center;gap:8px;min-width:0}.gallery-uploader img,.gallery-uploader>span{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#1686d4,#28a778);font-size:11px;font-weight:900}.gallery-uploader small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ca8b8}
.gallery-my-score h2,.gallery-ranking-panel h2{margin:4px 0 12px}.gallery-score-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.gallery-score-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,rgba(31,143,240,.18),rgba(65,236,169,.1));border:1px solid rgba(85,198,242,.14)}.gallery-score-card b{display:block;font-size:30px;line-height:1}.gallery-score-card strong{display:block;margin-top:4px}.gallery-score-card small{color:#7794a5}.gallery-score-progress{height:7px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden;margin-top:12px}.gallery-score-progress i{display:block;height:100%;background:linear-gradient(90deg,#238df0,#5fe8ad);border-radius:99px}.gallery-score-foot{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#7894a5;font-size:9px}
.gallery-ranking-list{display:grid;gap:8px}.gallery-rank-row{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 8px;border-radius:13px;border:1px solid rgba(83,190,236,.09);background:rgba(7,23,34,.5)}.gallery-rank-row.me{border-color:rgba(83,236,177,.28);background:rgba(34,146,102,.09)}.gallery-rank-no{font-weight:950;color:#6f91a4;text-align:center}.gallery-rank-row:nth-child(1) .gallery-rank-no{color:#ffd86b}.gallery-rank-row:nth-child(2) .gallery-rank-no{color:#d8e6ef}.gallery-rank-row:nth-child(3) .gallery-rank-no{color:#dda876}.gallery-rank-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#0c3144;font-weight:900}.gallery-rank-copy{min-width:0}.gallery-rank-copy b,.gallery-rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-rank-copy small{color:#6f8d9d;font-size:9px;margin-top:2px}.gallery-rank-score{text-align:right}.gallery-rank-score b{display:block;color:#6ce8b3}.gallery-rank-score small{font-size:8px;color:#6f8d9d}.ranking-rules{margin-top:12px;border-top:1px solid rgba(85,192,236,.1);padding-top:11px}.ranking-rules summary{cursor:pointer;font-weight:800;color:#b8e7fa}.ranking-rules div{display:grid;gap:6px;margin-top:10px}.ranking-rule-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8ba6b5}.ranking-rule-row b{color:#6de7b5}.ranking-rules p{font-size:10px;color:#718e9f;line-height:1.55}
.gallery-upload-panel-v97{max-width:820px}.gallery-upload-lead{color:#8fa9b8;line-height:1.6}.gallery-photo-preview{min-height:120px;border:1px dashed rgba(89,194,239,.25);border-radius:18px;background:rgba(7,23,34,.65);display:grid;place-items:center;overflow:hidden;color:#6f8d9d}.gallery-photo-preview img{width:100%;max-height:320px;object-fit:contain;display:block}.gallery-rights-check{grid-template-columns:auto 1fr!important;align-items:start!important}.gallery-rights-check input{width:auto!important;margin-top:3px}.gallery-upload-actions{display:flex;align-items:center;gap:14px}.gallery-upload-actions p{margin:0;color:#9ab2c1;font-size:12px;line-height:1.4}.gallery-upload-status{padding:10px 12px;border-radius:12px;border:1px solid rgba(89,194,239,.18);background:rgba(8,31,44,.72)}.gallery-upload-status.loading{color:#d9f4ff;border-color:rgba(89,194,239,.45)}.gallery-upload-status.success{color:#8ef0c0;border-color:rgba(81,220,157,.48);background:rgba(8,55,42,.55)}.gallery-upload-status.warning{color:#ffd88a;border-color:rgba(255,186,73,.48);background:rgba(67,45,8,.48)}.gallery-upload-status.error{color:#ffb4b4;border-color:rgba(255,92,92,.55);background:rgba(70,18,23,.58)}.gallery-upload-actions .primary-btn:disabled{opacity:.65;cursor:wait}.gallery-upload-actions .primary-btn{flex:0 0 auto}.gallery-community-teaser p{color:#91a9b7;line-height:1.7}.gallery-community-teaser .primary-btn{margin-top:10px}
@media(max-width:1260px){.gallery-grid-v97{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-layout-v97{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:980px){.gallery-layout-v97{grid-template-columns:1fr}.gallery-side-v97{grid-template-columns:1fr 1fr}.gallery-intro-v97{align-items:flex-start;flex-direction:column}.gallery-intro-badges{justify-content:flex-start}}
@media(max-width:720px){.gallery-grid-v97{grid-template-columns:1fr}.gallery-side-v97{grid-template-columns:1fr}.gallery-toolbar-v97{align-items:stretch;flex-direction:column}.gallery-sort-v97{min-width:0}.gallery-page-hero .primary-btn{align-self:auto}.gallery-upload-actions{align-items:stretch;flex-direction:column}.gallery-upload-actions .primary-btn{width:100%}.gallery-intro-v97 h2{font-size:23px}}
html.light .gallery-card-v97{background:#fff;border-color:rgba(20,74,104,.12);box-shadow:0 10px 28px rgba(17,57,79,.08)}
html.light .gallery-category-chips button{background:#f4f8fb;color:#526d7c;border-color:rgba(29,93,126,.13)}
html.light .gallery-category-chips button.active{color:#fff;background:linear-gradient(135deg,#218df1,#1d70d2)}
html.light .gallery-sort-v97 select{background:#fff;color:#173244;border-color:rgba(29,93,126,.14)}
html.light .gallery-rank-row{background:#f8fbfd;border-color:rgba(29,93,126,.09)}
html.light .gallery-rank-row.me{background:#edf9f4;border-color:rgba(34,146,102,.2)}
html.light .gallery-card-copy>p,html.light .gallery-intro-v97 p,html.light .gallery-community-teaser p{color:#647f8f}
html.light .gallery-photo-preview{background:#f7fafc;color:#6d8796}


/* APEX 9.8.2 — gallery thumbnails always show the complete photograph. */
.gallery-card-photo{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(145deg,#041019,#071c29)}
.gallery-card-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:#04111a;transform:none!important}
.gallery-card-v97:hover .gallery-card-photo img{transform:none!important}

/* APEX 9.8.4 — every gallery tile keeps the full source photo visible. */
.gallery-card-photo{display:grid!important;place-items:center!important;overflow:hidden!important;background:#04111a!important}
.gallery-card-photo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}