.gallery-main{padding-block:45px 80px}.gallery-main h1{font-size:clamp(32px,5vw,58px)}.gallery-main .intro{max-width:650px}.filter{display:flex;align-items:center;gap:18px;margin:30px 0}input,select,textarea{font:inherit;color:#eaf4ff;background:#14233a;border:1px solid #536a87;padding:12px;border-radius:8px;max-width:100%}button{font:inherit;cursor:pointer;border:1px solid #536a87;border-radius:8px;background:#1c3450;color:#eaf4ff;padding:10px 18px}button:disabled{opacity:.6;cursor:wait}.panel{max-width:640px;background:#111d30;padding:28px;border:1px solid #31455e;border-radius:15px;margin-block:25px}.panel label{display:grid;gap:9px;margin:20px 0}.panel .check{display:flex;align-items:start;font-size:13px}.panel p{font-size:12px;line-height:1.8;color:#b9cbe1}#status{white-space:pre-line;line-height:1.8;color:#9ce4ea}#preview{width:100%;max-height:300px;object-fit:contain}.gallery-card{background:#111d30;border:1px solid #31455e;border-radius:12px;overflow:hidden}.gallery-card .photo-open{border:0;padding:0;width:100%;display:block;background:none;border-radius:0}.gallery-card img{width:100%;height:280px;object-fit:contain;object-position:center;background:#0b1423;padding:12px}.gallery-card h2{font-size:20px;padding:15px 18px 0}.gallery-card p{color:#b9cbe1;font-size:13px;padding:0 18px;white-space:pre-wrap}.gallery-card>a,.gallery-card>button:not(.photo-open){display:inline-block;margin:10px 18px 20px;color:#87ece4}.empty{border:1px dashed #526984;padding:35px;border-radius:12px;color:#b9cbe1;grid-column:1/-1}dialog{background:#101e31;color:#ecf5ff;border:1px solid #5d7899;border-radius:15px;max-width:min(900px,94vw);max-height:90vh}dialog::backdrop{background:#000b}dialog img{max-width:100%;max-height:65vh;margin:auto}dialog h2{font-size:23px}#closePhoto{margin-bottom:12px}#more{margin-top:24px}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #83f4e4;outline-offset:3px}@media(max-width:560px){.gallery-main .grid{grid-template-columns:1fr}.panel{padding:18px}.filter{flex-wrap:wrap}.gallery-main header nav{display:flex}}
.gallery-card .photo-open{margin:0;overflow:hidden}

/* Compact, consistent tiles even when the gallery has a single photo. */
#gallery.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;align-items:start}
.gallery-card img{height:240px;padding:10px;object-fit:contain;object-position:center}
.gallery-card h2{font-size:17px;padding:13px 16px 0}
.gallery-card p{padding-inline:16px;line-height:1.7}
.gallery-card .photo-open{position:relative}
.gallery-card .photo-open:after{content:'לחצו להגדלה';position:absolute;bottom:16px;left:16px;background:#14233aeb;color:#eaf4ff;border:1px solid #536a87;border-radius:20px;padding:5px 10px;font-size:10px;pointer-events:none}
.gallery-card .photo-open:hover{background:#18273e}
@media(max-width:560px){#gallery.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card img{height:180px;padding:7px}.gallery-card h2{font-size:14px;padding:10px 10px 0}.gallery-card p{font-size:11px;padding-inline:10px}.gallery-card>a,.gallery-card>button:not(.photo-open){font-size:11px;margin:8px 10px 14px}.gallery-card .photo-open:after{font-size:9px;padding:3px 7px;bottom:9px;left:9px}}
@media(max-width:340px){#gallery.grid{grid-template-columns:1fr}}