/* ==========================================================================
   gallery.css — "Аялагчдын зургийн цомог"
   Монгол улсын ЖИНХЭНЭ контур (mapsicon SVG) — зураасаар гадуур нь зурж,
   дотор нь зургуудыг clip-path-аар оруулна. Mouse дээр томроод онцгойрно.
   ========================================================================== */
.gallery{background:var(--cream)}
.gal-head{text-align:center;margin-bottom:42px}
.gal-head h2{font-size:clamp(30px,4vw,46px)}
.gal-head h2 em{color:var(--teal-2)}
.gal-head p{color:var(--ink-soft);font-size:16px;margin-top:10px}

/* Монгол хэлбэрт мозайк (clip) + контур зураас (outline) */
.mn-wrap{position:relative;width:100%;max-width:920px;margin:0 auto;aspect-ratio:2.0865}
.mn-map{position:absolute;inset:0;display:grid;grid-template-columns:repeat(11,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:3px;
  -webkit-clip-path:polygon(100% 51.32%, 99.29% 52.53%, 97.37% 51.87%, 96.7% 50.88%, 96.31% 51.72%, 94.91% 51.28%, 93.44% 53.2%, 92.73% 52.41%, 92.19% 52.72%, 92.01% 54.75%, 90.39% 54.47%, 89.62% 55.38%, 88.38% 60.9%, 86.82% 63.31%, 83.3% 63.96%, 81.92% 67.98%, 80.41% 70.09%, 77.75% 68.9%, 76.71% 66.99%, 75.29% 66.82%, 73.55% 73.43%, 75.21% 79.98%, 72.23% 83.6%, 70.47% 88.78%, 67.61% 91.81%, 65.47% 92.3%, 63.54% 91.77%, 59.16% 93.36%, 54.29% 98.51%, 53.58% 100%, 53.33% 99.44%, 52.12% 99.33%, 52.11% 97.3%, 49.6% 98.36%, 47.68% 96.03%, 44.44% 94.32%, 42.86% 90.98%, 38.17% 89.66%, 36.49% 90.72%, 29.4% 88.61%, 26.8% 89.2%, 25.3% 84.25%, 24.24% 77.51%, 23.57% 76.94%, 23.82% 74.45%, 22.69% 74.69%, 21.64% 73.85%, 18% 68.08%, 15.89% 67.25%, 13.94% 67.53%, 13.39% 66.91%, 11.81% 66.95%, 10.32% 65.56%, 9.75% 65.86%, 9.06% 62.94%, 10.15% 57.93%, 9.82% 55.27%, 10.29% 52.76%, 8.11% 42.4%, 7.18% 40.31%, 6.27% 40.83%, 5.61% 38.87%, 4.16% 39.32%, 2.8% 37.5%, 2.38% 35.44%, 0.67% 33.71%, 1.01% 32.45%, 0% 30.76%, 0.25% 28.11%, 1.27% 27.11%, 1.36% 25.47%, 2.74% 25.01%, 3.53% 25.55%, 3.58% 24.55%, 3.85% 25.36%, 4.43% 24.91%, 4.6% 23.66%, 5.09% 24.17%, 6.11% 22.85%, 6.01% 20.89%, 6.94% 20.51%, 7.1% 19.53%, 8.52% 18.16%, 9.16% 18.15%, 10.18% 16.16%, 11.44% 15.82%, 12.48% 13.71%, 13.75% 13.66%, 14.38% 11.96%, 15.27% 13.8%, 15.73% 12.72%, 16.24% 12.82%, 16.69% 14.52%, 20.28% 14.91%, 21.35% 20.01%, 22.34% 19.76%, 22.82% 20.71%, 24.14% 21.27%, 25.15% 20.01%, 25.52% 20.78%, 25.86% 20.21%, 27.51% 21.55%, 27.87% 21.02%, 28.7% 21.27%, 29.86% 22.72%, 30.56% 20.99%, 31.38% 20.93%, 32.05% 19.98%, 32.72% 17.51%, 32.82% 15.28%, 32.02% 14.29%, 31.3% 10.7%, 32.03% 6.38%, 32.59% 6.21%, 32.94% 3.9%, 34.03% 2.94%, 34.79% 0%, 37.87% 3.61%, 39.71% 3.82%, 42.32% 6.44%, 44.57% 7.16%, 45.28% 14.85%, 47.22% 17.32%, 48.07% 17.38%, 48.31% 18.32%, 49.32% 18.93%, 49.89% 18.43%, 50.93% 18.79%, 51.82% 17.35%, 54.69% 15.68%, 56.72% 16.41%, 57.46% 17.43%, 58.81% 17.1%, 60.48% 20.14%, 62.82% 20.83%, 62.76% 23.33%, 64.66% 26.58%, 66.99% 26.47%, 69.77% 28.15%, 70.36% 27.39%, 71.48% 28.38%, 73.37% 26.22%, 75.52% 25.78%, 76.89% 24.62%, 77.84% 24.93%, 80.33% 20.01%, 82.53% 17.57%, 83.98% 17.96%, 85.95% 21.23%, 86.97% 21.36%, 88.02% 20.21%, 88.79% 20.26%, 89.98% 21.87%, 87.24% 34.14%, 87.23% 36.87%, 86.35% 37.92%, 86.61% 40.24%, 87.59% 42.17%, 88.61% 40.47%, 90.41% 40.34%, 92.09% 42.48%, 93.35% 39.23%, 95.54% 39.27%, 99.36% 47.14%);
  clip-path:polygon(100% 51.32%, 99.29% 52.53%, 97.37% 51.87%, 96.7% 50.88%, 96.31% 51.72%, 94.91% 51.28%, 93.44% 53.2%, 92.73% 52.41%, 92.19% 52.72%, 92.01% 54.75%, 90.39% 54.47%, 89.62% 55.38%, 88.38% 60.9%, 86.82% 63.31%, 83.3% 63.96%, 81.92% 67.98%, 80.41% 70.09%, 77.75% 68.9%, 76.71% 66.99%, 75.29% 66.82%, 73.55% 73.43%, 75.21% 79.98%, 72.23% 83.6%, 70.47% 88.78%, 67.61% 91.81%, 65.47% 92.3%, 63.54% 91.77%, 59.16% 93.36%, 54.29% 98.51%, 53.58% 100%, 53.33% 99.44%, 52.12% 99.33%, 52.11% 97.3%, 49.6% 98.36%, 47.68% 96.03%, 44.44% 94.32%, 42.86% 90.98%, 38.17% 89.66%, 36.49% 90.72%, 29.4% 88.61%, 26.8% 89.2%, 25.3% 84.25%, 24.24% 77.51%, 23.57% 76.94%, 23.82% 74.45%, 22.69% 74.69%, 21.64% 73.85%, 18% 68.08%, 15.89% 67.25%, 13.94% 67.53%, 13.39% 66.91%, 11.81% 66.95%, 10.32% 65.56%, 9.75% 65.86%, 9.06% 62.94%, 10.15% 57.93%, 9.82% 55.27%, 10.29% 52.76%, 8.11% 42.4%, 7.18% 40.31%, 6.27% 40.83%, 5.61% 38.87%, 4.16% 39.32%, 2.8% 37.5%, 2.38% 35.44%, 0.67% 33.71%, 1.01% 32.45%, 0% 30.76%, 0.25% 28.11%, 1.27% 27.11%, 1.36% 25.47%, 2.74% 25.01%, 3.53% 25.55%, 3.58% 24.55%, 3.85% 25.36%, 4.43% 24.91%, 4.6% 23.66%, 5.09% 24.17%, 6.11% 22.85%, 6.01% 20.89%, 6.94% 20.51%, 7.1% 19.53%, 8.52% 18.16%, 9.16% 18.15%, 10.18% 16.16%, 11.44% 15.82%, 12.48% 13.71%, 13.75% 13.66%, 14.38% 11.96%, 15.27% 13.8%, 15.73% 12.72%, 16.24% 12.82%, 16.69% 14.52%, 20.28% 14.91%, 21.35% 20.01%, 22.34% 19.76%, 22.82% 20.71%, 24.14% 21.27%, 25.15% 20.01%, 25.52% 20.78%, 25.86% 20.21%, 27.51% 21.55%, 27.87% 21.02%, 28.7% 21.27%, 29.86% 22.72%, 30.56% 20.99%, 31.38% 20.93%, 32.05% 19.98%, 32.72% 17.51%, 32.82% 15.28%, 32.02% 14.29%, 31.3% 10.7%, 32.03% 6.38%, 32.59% 6.21%, 32.94% 3.9%, 34.03% 2.94%, 34.79% 0%, 37.87% 3.61%, 39.71% 3.82%, 42.32% 6.44%, 44.57% 7.16%, 45.28% 14.85%, 47.22% 17.32%, 48.07% 17.38%, 48.31% 18.32%, 49.32% 18.93%, 49.89% 18.43%, 50.93% 18.79%, 51.82% 17.35%, 54.69% 15.68%, 56.72% 16.41%, 57.46% 17.43%, 58.81% 17.1%, 60.48% 20.14%, 62.82% 20.83%, 62.76% 23.33%, 64.66% 26.58%, 66.99% 26.47%, 69.77% 28.15%, 70.36% 27.39%, 71.48% 28.38%, 73.37% 26.22%, 75.52% 25.78%, 76.89% 24.62%, 77.84% 24.93%, 80.33% 20.01%, 82.53% 17.57%, 83.98% 17.96%, 85.95% 21.23%, 86.97% 21.36%, 88.02% 20.21%, 88.79% 20.26%, 89.98% 21.87%, 87.24% 34.14%, 87.23% 36.87%, 86.35% 37.92%, 86.61% 40.24%, 87.59% 42.17%, 88.61% 40.47%, 90.41% 40.34%, 92.09% 42.48%, 93.35% 39.23%, 95.54% 39.27%, 99.36% 47.14%)}
.mn-map img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;cursor:pointer;
  filter:saturate(.82) brightness(.83);
  transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,box-shadow .3s ease,border-radius .3s ease}
.mn-map img:hover{filter:saturate(1.08) brightness(1.05);z-index:2}
/* квадрат биш — янз бүрийн хэлбэрт хавтангууд (dense mosaic) */
.mn-map .mtile:nth-child(8n+4){grid-column:span 2}
.mn-map .mtile:nth-child(10n+7){grid-row:span 2}
.mn-map .mtile:nth-child(17n+11){grid-column:span 2;grid-row:span 2}
/* hover дээр clip-аас гадуур гарч ирэх томруулсан preview — бүх хавтанд ажиллана */
.mn-zoom{position:absolute;left:0;top:0;width:178px;height:178px;z-index:10;pointer-events:none;margin:0;
  transform:translate(-50%,-50%) scale(.55);opacity:0;border-radius:16px;overflow:hidden;
  border:3px solid #fff;background:#fff;box-shadow:0 22px 54px rgba(12,51,46,.5);
  transition:opacity .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}
.mn-zoom img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06)}
.mn-zoom figcaption{display:none}
.mn-zoom.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mn-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}
.mn-outline use{fill:none;stroke:var(--teal);stroke-width:2.5;vector-effect:non-scaling-stroke;
  stroke-linejoin:round;stroke-linecap:round}

.gal-note{text-align:center;color:var(--ink-soft);font-size:13.5px;margin-top:24px;font-style:italic}
.gal-cta{text-align:center;margin-top:30px}
.gal-cta p{color:var(--ink-soft);font-size:15px;margin-bottom:18px}

@media(max-width:680px){
  .mn-map{gap:2px}
  .mn-zoom{width:128px;height:128px}
  .mn-outline use{stroke-width:2}
}