/* Homepage category photo sliders (savanna module, 2026-11-03). */
.sv-cats{padding:70px 0 40px;background:#fff}
.sv-cats-ui .elementblog-title{margin-bottom:40px}
.sv-cat{margin:0 auto 56px}
.sv-cat-title{margin:0 0 26px;padding:14px 10px;text-align:center;font-family:"FoglihtenNo06",serif;font-size:40px;line-height:1.15;letter-spacing:0;text-transform:none;background:url(/sites/all/themes/ui/new/title-bg.png) no-repeat center;background-size:100% 100%}
.sv-cat-title a,.sv-cat-title a:hover,.sv-cat-title a:focus{color:#fff;text-decoration:none}
.sv-cat-wrap{position:relative;max-width:1200px;margin:0 auto;padding:0 15px}
.sv-track{display:flex;gap:20px;margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.sv-track::-webkit-scrollbar{display:none}
.sv-slide{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;margin:0;padding:0;list-style:none}
.sv-slide a{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;background:#f2f2f2;border-radius:2px}
.sv-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.sv-slide a:hover img,.sv-slide a:focus img{transform:scale(1.05)}
.sv-slide-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;color:#fff;font-size:13px;line-height:1.35;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sv-nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-28px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#11959b;font-size:30px;line-height:40px;text-align:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:opacity .2s}
.sv-nav[hidden]{display:none}
.sv-nav:disabled{opacity:0;pointer-events:none}
.sv-prev{left:-4px}
.sv-next{right:-4px}
.sv-cat-more{margin-top:22px;text-align:center}
.sv-cats-ui .sv-more{display:inline-block;padding:11px 30px;border:1px solid #11959b;border-radius:30px;color:#11959b;font-size:12px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.sv-cats-ui .sv-more:hover,.sv-cats-ui .sv-more:focus{background:#11959b;color:#fff;text-decoration:none}
@media (max-width:991px){.sv-slide{flex-basis:calc((100% - 40px)/3)}.sv-cat-title{font-size:32px}}
@media (max-width:767px){
  .sv-cats{padding:30px 0 10px}
  .sv-cat{margin-bottom:34px}
  .sv-cat-title{font-size:26px;padding:10px 8px;margin-bottom:16px}
  .sv-cat-wrap{padding:0}
  .sv-track{gap:12px;padding:0 16px 4px;scroll-padding:0 16px}
  .sv-slide{flex-basis:72%}
  .sv-nav{display:none!important}
  .sv-cat-more{margin-top:16px}
}
/* Mobile theme: its own headings/buttons; keep the ribbon titles. */
.sv-cats-mobile{padding-top:10px}
.sv-cats-mobile .sv-cat-more .button{float:none;display:inline-block;margin:0 auto}
@media (prefers-reduced-motion:reduce){.sv-track{scroll-behavior:auto}.sv-slide img{transition:none}}