/* SharikClub gallery — shared storefront visual language. */
.photos_nav { margin:22px 0 26px!important; padding:7px!important; border:1px solid #dce8d2!important; border-radius:14px!important; background:#fff!important; box-shadow:0 6px 20px rgba(41,59,37,.045); text-align:left!important; }
.photos_nav .nav { display:flex!important; flex-wrap:wrap; gap:6px; margin:0!important; }
.photos_nav .nav::before,.photos_nav .nav::after { content:none!important; }
.photos_nav .nav > li { float:none!important; margin:0!important; }
.photos_nav .nav > li > a { padding:10px 16px!important; border:1px solid transparent!important; border-radius:9px!important; background:transparent!important; color:#53634c!important; font-size:13px; font-weight:700; }
.photos_nav .nav > li.active > a,.photos_nav .nav > li > a:hover { border-color:#a4d65e!important; background:#eaf5d9!important; color:#293b25!important; }
.photos_nav .dropdown-menu { padding:6px; border:1px solid #dce8d2; border-radius:11px; background:#fff; box-shadow:0 12px 30px rgba(41,59,37,.14); }
.sc-gallery-intro { margin:0 0 26px; padding:6px 0 0; }
.sc-gallery-intro h1 { margin:0 0 9px; color:#293b25; font-size:36px; line-height:1.18; letter-spacing:-.02em; }
.sc-gallery-intro p { max-width:720px; margin:0; color:#687663; font-size:15px; line-height:1.65; }
.maincontent .search-criteria { margin:34px 0 18px!important; color:#293b25; font-size:26px!important; text-align:left!important; }
ul.albums { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; width:100%!important; margin:0!important; padding:0!important; }
ul.albums > li { float:none!important; width:auto!important; min-width:0; margin:0!important; padding:0!important; list-style:none; }
ul.albums > li > a { display:block; height:100%; overflow:hidden; border:1px solid #dce8d2; border-radius:16px; background:#fff; box-shadow:0 7px 22px rgba(41,59,37,.05); text-decoration:none!important; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
ul.albums > li > a:hover { border-color:#a4d65e; box-shadow:0 10px 26px rgba(41,59,37,.1); transform:translateY(-2px); }
ul.albums .cover { position:static!important; width:auto!important; min-height:0!important; margin:0!important; padding:0 0 16px!important; text-align:left!important; }
ul.albums .sublayer { display:none!important; }
ul.albums .cover img { position:static!important; display:block!important; z-index:auto!important; width:100%!important; height:auto!important; aspect-ratio:4/3; margin:0 0 14px!important; padding:0!important; border:0!important; border-radius:0!important; background:#eef3e8; box-shadow:none!important; object-fit:cover; }
ul.albums .cover strong { display:block!important; padding:0 15px!important; color:#293b25!important; font-size:14px; line-height:1.4; }
ul.albums .cover .count { display:block!important; margin:5px 0 0!important; padding:0 15px!important; color:#7b8675!important; font-size:11px; }
#photo-list.view-thumbs { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
#photo-list.view-thumbs > li { position:relative!important; inset:auto!important; float:none!important; width:auto!important; height:auto!important; min-width:0; margin:0!important; padding:0!important; list-style:none; }
#photo-list .image { overflow:hidden; margin:0!important; padding:0!important; border:1px solid #dfe8d7!important; border-radius:14px; background:#f3f6ef; box-shadow:none!important; }
#photo-list .image > a { display:flex; align-items:center; justify-content:center; aspect-ratio:4/5; background:#fff; }
#photo-list .image img { display:block!important; width:100%!important; height:100%!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; object-fit:cover; transition:transform .22s ease; }
#photo-list .image:hover { border-color:#a4d65e!important; box-shadow:0 8px 22px rgba(41,59,37,.1)!important; }
#photo-list .image:hover img { transform:scale(1.025); }
.photo-thumbs-lazyloading { margin-top:24px; }
.slideshow { border:0!important; }
.slideshow .photo { margin:0 auto!important; padding:14px!important; border:1px solid #dce8d2; border-radius:18px; background:#f5f8f1; }
.slideshow .photo .image { position:relative; text-align:center; }
.slideshow .photo #photo { display:block; width:auto!important; max-width:100%!important; height:auto!important; max-height:calc(100vh - 300px); margin:0 auto!important; border-radius:10px; object-fit:contain; }
.slideshow .image-nav { display:flex!important; align-items:center; justify-content:center; width:46px!important; height:46px!important; border:1px solid #dce8d2; border-radius:50%; background:rgba(255,255,255,.94)!important; color:#416528!important; font-size:28px!important; line-height:1!important; box-shadow:0 6px 18px rgba(41,59,37,.16); }
.slideshow-navigator { margin:14px 0 22px!important; padding:8px!important; border:1px solid #e2eadb!important; border-radius:12px; background:#fff!important; }
#photo-name,#photo-author,#photo-exif,#photo-description,#photo-tags { display:none!important; }
#photo-stream li.dummy { visibility:hidden!important; pointer-events:none!important; }

@media (max-width:991px) {
  ul.albums,#photo-list.view-thumbs { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .photos_nav { margin:14px 0 18px!important; padding:5px!important; }
  .photos_nav .nav > li > a { padding:9px 11px!important; font-size:12px; }
  .sc-gallery-intro { margin-bottom:20px; }
  .sc-gallery-intro h1 { font-size:27px; }
  .sc-gallery-intro p { font-size:14px; }
  .maincontent .search-criteria { margin:26px 0 14px!important; font-size:22px!important; }
  ul.albums,#photo-list.view-thumbs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  ul.albums > li > a { border-radius:12px; }
  ul.albums .cover img { aspect-ratio:1/1; margin-bottom:10px!important; }
  ul.albums .cover strong,ul.albums .cover .count { padding-left:10px!important; padding-right:10px!important; }
  #photo-list .image { border-radius:11px; }
  #photo-list .image > a { aspect-ratio:1/1.15; }
  .slideshow .photo { padding:6px!important; border-radius:13px; }
  .slideshow .image-nav { width:38px!important; height:38px!important; font-size:24px!important; }
}