:root{--gallery-bg: #f8f9fb;--gallery-card: #ffffff;--gallery-border: #e1e6f0;--gallery-text: #1d2939;--gallery-accent: #1a73e8}body{background-color:var(--gallery-bg);color:var(--gallery-text)}.gallery-hero{padding:64px 0 36px;background-image:linear-gradient(170deg,#0c1b38bf,#056c9699),url(/img/full-size-img/registan.jpg);background-size:cover;background-position:center;color:#fff}.gallery-hero .container{max-width:1140px}.gallery-hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.gallery-hero p{font-size:1.05rem;line-height:1.5;max-width:760px}.gallery-toolbar{margin:24px auto 12px;text-align:center}.gallery-toolbar button{margin:4px 6px;border:1px solid var(--gallery-border);background:#fff;color:var(--gallery-text);padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .25s ease}.gallery-toolbar button.active,.gallery-toolbar button:hover{border-color:var(--gallery-accent);color:var(--gallery-accent);box-shadow:0 6px 18px #1a73e829}.gallery-grid{max-width:1200px;margin:0 auto 72px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0 18px 12px}.gallery-item{background:var(--gallery-card);border:1px solid var(--gallery-border);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 18px #14254214;cursor:pointer;will-change:transform}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:210px;object-fit:cover;display:block}.gallery-item .meta{padding:12px 12px 14px}.gallery-item .meta strong{display:inline-block;font-size:.96rem;margin-bottom:2px}.gallery-item .meta span{color:#64748b;font-size:.88rem}#gallery-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#090e1abf;z-index:1000;padding:24px}#gallery-modal.active{display:flex}#gallery-modal .modal-body{position:relative;max-width:95%;max-height:95%;border-radius:16px;overflow:hidden}#gallery-modal img{width:100%;height:auto;display:block;border-radius:16px;max-height:calc(90vh - 100px)}#gallery-modal .close-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;border:none;border-radius:8px;background:#0009;color:#fff;cursor:pointer;font-size:1.2rem}@media(max-width:700px){.gallery-hero{padding:48px 0 20px}.gallery-hero p{font-size:.96rem}.gallery-item img{height:170px}}