/* Style galerii wyodrębnione z https://pornolia.pl/css/glowna-modern.css (2026-10-05).
   Zakres ograniczony do modułu; plik działa także w podglądzie HTML. */
.home-gallery-loop {box-sizing:border-box;min-width:0;max-width:100%;font-family:Arial,Helvetica,sans-serif}
.home-gallery-loop *, .home-gallery-loop *::before, .home-gallery-loop *::after {box-sizing:border-box}
.home-gallery-loop a:focus-visible {outline:2px solid #d5a441;outline-offset:2px}
.home-gallery-loop {overflow:hidden;padding:10px;background:linear-gradient(112deg,#052f43,#075e77)}
.home-gallery-loop__heading {display:flex;min-height:52px;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:9px}
.home-gallery-loop__heading p {margin:0 0 3px;color:#e0b45e;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-gallery-loop__heading h2 {margin:0;color:#fff;font-size:25px;line-height:1}
.home-gallery-loop__heading>div>span {display:block;margin-top:5px;color:#c9dfe7;font-size:10px}
.home-gallery-loop__actions {display:flex;align-items:center;gap:4px}
.home-gallery-loop__actions button {display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;background:rgba(255,255,255,.06);cursor:pointer;font-size:17px}
.home-gallery-loop__actions button:hover,
.home-gallery-loop__actions button:focus-visible {border-color:#e0b45e;color:#e0b45e;background:rgba(255,255,255,.11)}
.home-gallery-loop__actions button:disabled {opacity:.35;cursor:default}
.home-gallery-loop__actions a {display:inline-flex;min-height:32px;align-items:center;margin-left:4px;padding:0 9px;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff!important;font-size:9px;font-weight:800;text-decoration:none}
.home-gallery-loop__viewport {overflow:hidden}
.home-gallery-loop__track {display:flex;gap:8px;transition:transform .36s ease;will-change:transform}
.home-gallery-loop__card {position:relative;display:block;overflow:hidden;min-width:0;flex:0 0 calc((100% - 24px)/4);aspect-ratio:45/34;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff!important;background:#092d3d;text-decoration:none}
.home-gallery-loop__card:after {position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(2,16,23,.92));content:""}
.home-gallery-loop__card img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.home-gallery-loop__card>span {position:absolute;z-index:1;right:9px;bottom:8px;left:9px;display:grid;gap:2px}
.home-gallery-loop__card strong {overflow:hidden;font-size:16px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.home-gallery-loop__card small {overflow:hidden;color:#d4e7ed;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover) {
.home-gallery-loop__card:hover img {transform:scale(1.025)}
.home-gallery-loop__card:hover {border-color:#e0b45e}
}
@media(max-width:1000px) {
.home-gallery-loop__card {flex-basis:calc((100% - 16px)/3)}
}
@media(max-width:700px) {
.home-gallery-loop {padding:8px 4px}
.home-gallery-loop__heading {align-items:flex-start;margin:0 4px 7px}
.home-gallery-loop__heading h2 {font-size:21px}
.home-gallery-loop__heading>div>span {display:none}
.home-gallery-loop__actions a {display:none}
.home-gallery-loop__actions button {width:34px;height:34px}
.home-gallery-loop__track {gap:5px}
.home-gallery-loop__card {flex-basis:78vw}
.home-gallery-loop__card strong {font-size:15px}
}
@media(prefers-reduced-motion:reduce) {
.home-gallery-loop__track,
.home-gallery-loop__card img {transition:none}
}
.home-gallery-loop__browse {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 9px;
}
.home-gallery-loop__browse a {
    display: flex;
    min-width: 0;
    min-height: 32px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 7px;
    padding: 4px 8px;
    color: #fff !important;
    background: rgba(255, 255, 255, .07);
    text-decoration: none;
}
.home-gallery-loop__browse a:hover,
.home-gallery-loop__browse a:focus-visible {
    border-color: #e0b45e;
    background: rgba(255, 255, 255, .12);
    outline: none;
}
.home-gallery-loop__browse strong {
    font-size: 11px;
    line-height: 1;
}
.home-gallery-loop__browse span {
    overflow: hidden;
    color: #bed8e1;
    font-size: 8px;
    line-height: 1;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 700px) {
.home-gallery-loop__browse {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-right: 4px;
        margin-left: 4px;
    }
}
.home-gallery-loop__card { aspect-ratio: 4 / 3; }
.home-gallery-loop__card strong {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width: 700px) {
.home-gallery-loop__viewport {
        overflow-x: auto;
        scrollbar-width: none;
        scroll-padding-left: 0;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
    }
.home-gallery-loop__viewport.is-auto-moving {
        overflow-anchor: none;
        scroll-snap-type: none;
        will-change: scroll-position;
    }
.home-gallery-loop__viewport::-webkit-scrollbar { display: none; }
.home-gallery-loop__track { transform: translate3d(0, 0, 0); }
.home-gallery-loop__card {
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }
}
.home-gallery-loop__heading h2 {
    font-weight: 780;
    letter-spacing: -.025em;
}
.home-gallery-loop__card,
.home-gallery-loop__browse a {
    border-radius: 9px;
}
.home-gallery-loop {
    border: 0;
    border-radius: 10px;
    background: linear-gradient(112deg, #073547, #096a7d);
    box-shadow: 0 7px 20px rgba(8, 51, 66, .09);
}
.home-gallery-loop__card { border-color: rgba(255, 255, 255, .16); }
@media (max-width: 700px) {
.home-gallery-loop { border-radius: 0; }
}
/* Szerokość względem modułu, również w osadzonym podglądzie. */
@media(max-width:700px) {.home-gallery-loop__card {flex-basis:78%}}