.ssvm picture,.ssvm img{max-width:100%}.responsive-banner{display:block;width:100%;height:auto;border-radius:var(--rad,10px)}
.ss-gallery{display:grid;gap:var(--gap,12px);align-items:stretch}.ss-gallery.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-gallery.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-gallery .ban{overflow:hidden;border-radius:var(--rad,10px)}.ss-gallery .ban a{display:block;height:100%}.ss-gallery .responsive-banner{width:100%;height:var(--dh);object-fit:var(--fit,cover)}.ss-gallery[style*="--dh:0px"] .responsive-banner{height:auto}
.ss-static-wrap{width:100%}.ss-static{overflow:hidden;border-radius:var(--rad,10px)}.ss-static+.ss-static{margin-top:var(--gap,12px)}.ss-static a{display:block}.ss-static .responsive-banner{height:var(--dh);object-fit:var(--fit,cover)}.ss-static-wrap[style*="--dh:0px"] .responsive-banner{height:auto}
.ss-slider{position:relative;overflow:hidden;border-radius:var(--rad,10px);line-height:0}.ss-slider .slide{display:none}.ss-slider .slide.active{display:block}.ss-slider .slide a{display:block}.ss-slider .responsive-banner{height:var(--dh);object-fit:var(--fit,cover)}.ss-slider[style*="--dh:0px"] .responsive-banner{height:auto}.ss-slider .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(20,20,20,.38);color:#fff;font-size:28px;line-height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.14)}.ss-slider .prev{left:12px}.ss-slider .next{right:12px}.ss-slider .dots{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.ss-slider .dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55)}.ss-slider .dots button.active{background:#fff}
.ss-icons.fixed{display:grid;grid-template-columns:repeat(var(--desk,7),minmax(0,1fr));gap:var(--gap,12px)}.ss-icons.swipe{display:flex;overflow-x:auto;gap:var(--gap,12px);scrollbar-width:none;scroll-snap-type:x proximity}.ss-icons.swipe::-webkit-scrollbar{display:none}.ss-icons.swipe .ic{flex:0 0 calc((100% - (var(--gap,12px)*(var(--desk,7) - 1)))/var(--desk,7));scroll-snap-align:start}.ss-icons .ic{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit}.ss-icons .ic img{width:var(--size,82px);height:var(--size,82px);object-fit:contain}.ss-icons .ic b{font-size:14px;line-height:1.25;margin-top:6px}.ss-icons .ic small{font-size:11px;opacity:.65;margin-top:2px}
@media(max-width:767px){.ss-gallery.m1{grid-template-columns:1fr}.ss-gallery.m2{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-gallery.m3{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-gallery .responsive-banner,.ss-slider .responsive-banner,.ss-static .responsive-banner{height:var(--mh);object-fit:var(--fit,cover)}.ss-gallery[style*="--mh:0px"] .responsive-banner,.ss-slider[style*="--mh:0px"] .responsive-banner,.ss-static-wrap[style*="--mh:0px"] .responsive-banner{height:auto}.ss-icons.fixed{grid-template-columns:repeat(var(--mob,4),minmax(0,1fr))}.ss-icons.swipe .ic{flex-basis:calc((100% - (var(--gap,12px)*(var(--mob,4) - 1)))/var(--mob,4))}.ss-icons .ic img{width:min(var(--size,82px),64px);height:min(var(--size,82px),64px)}.ss-slider .arrow{width:30px;height:30px;font-size:24px}.ss-slider .prev{left:8px}.ss-slider .next{right:8px}}


/* v3.5.0 — compact slider navigation on mobile */
@media (max-width: 767px) {
    .ssvm-slider .nav,
    .ssvm3-slider .nav,
    .ssvm31-slider .nav {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        padding: 0 !important;
        border-width: 1px !important;
    }

    .ssvm-slider .nav span,
    .ssvm3-slider .nav span,
    .ssvm31-slider .nav span {
        font-size: 17px !important;
        line-height: 18px !important;
        height: 18px !important;
        margin: -2px 0 0 !important;
    }

    .ssvm-slider .prev,
    .ssvm3-slider .prev,
    .ssvm31-slider .prev {
        left: 6px !important;
    }

    .ssvm-slider .next,
    .ssvm3-slider .next,
    .ssvm31-slider .next {
        right: 6px !important;
    }
}


/* v3.6.0 — slider arrows removed; autoplay, swipe and dots remain */
.ssvm-slider .nav,
.ssvm3-slider .nav,
.ssvm31-slider .nav,
.ssvm-slider .prev,
.ssvm-slider .next,
.ssvm3-slider .prev,
.ssvm3-slider .next,
.ssvm31-slider .prev,
.ssvm31-slider .next {
    display: none !important;
}


/* v4.0.0 — arrows permanently disabled on all devices */
.ssvm-slider .nav,
.ssvm-slider .prev,
.ssvm-slider .next,
.ssvm3-slider .nav,
.ssvm3-slider .prev,
.ssvm3-slider .next,
.ssvm31-slider .nav,
.ssvm31-slider .prev,
.ssvm31-slider .next,
button.ssvm-prev,
button.ssvm-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Unified Banners responsive column support */
.ssvm-gallery {
    grid-template-columns: repeat(var(--ssvm-desktop-cols, 3), minmax(0, 1fr)) !important;
}
@media (max-width: 767px) {
    .ssvm-gallery {
        grid-template-columns: repeat(var(--ssvm-mobile-cols, 1), minmax(0, 1fr)) !important;
    }
}


/* v4.1.0: Mid Banner responsive columns + slider arrows fully removed */
.ss-slider .arrow,.ss-slider button.arrow,.ss-slider .prev,.ss-slider .next{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.ss-gallery{grid-template-columns:repeat(var(--dc,3),minmax(0,1fr))!important}
@media(max-width:767px){.ss-gallery{grid-template-columns:repeat(var(--mc,1),minmax(0,1fr))!important}}

.ssvm-icon-line2{display:block;margin-top:0!important;line-height:1.2}


/* v4.3.0 — lighter category icon labels */
.ssvm-icons .icon-card strong,
.ss-icons .icon-card strong,
.icon-card strong,
.ssvm-icon-line2 {
    font-weight: 500 !important;
}

.ssvm-icons .icon-card small,
.ss-icons .icon-card small,
.icon-card small {
    font-weight: 400 !important;
}


/* v4.4.0 — category icon label typography */
.ss-icons .ic .ic-name {
    display: block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500 !important;
    margin-top: 6px;
}

.ss-icons .ic .ic-line2 {
    margin-top: 0 !important;
}

.ss-icons .ic small {
    font-weight: 400 !important;
}

/* neutralize older bold rule if cached/combined */
.ss-icons .ic b {
    font-weight: 500 !important;
}

/* v4.5.0 — desktop arrows only; mobile swipe only */
@media (min-width:768px){
  .ss-slider .arrow{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.75)!important;
    border-radius:50%!important;
    background:rgba(20,20,20,.40)!important;
    color:#fff!important;
    align-items:center;
    justify-content:center;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer;
  }
  .ss-slider .arrow.prev{left:12px!important}
  .ss-slider .arrow.next{right:12px!important}
}
@media (max-width:767px){
  .ss-slider .arrow{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* v4.5.1 — desktop slider: chevrons only, no circle/background */
@media (min-width:768px){
  .ss-slider .arrow{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1!important;
    text-shadow:0 1px 4px rgba(0,0,0,.45);
  }
  .ss-slider .arrow:hover{
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* v4.5.2 mobile refinements */
@media(max-width:767px){
.ss-icons .ic img{width:54px!important;height:54px!important;object-fit:contain!important}
.ss-icons .ic .ic-name{font-size:12px!important;line-height:1.2!important;font-weight:500!important}
.ss-icons .ic small{font-size:10px!important;line-height:1.2!important}
.ss-slider .slide,.ss-slider .slide picture,.ss-slider .slide a{height:130px!important}
.ss-slider .slide img{width:100%!important;height:130px!important;object-fit:cover!important;object-position:center!important}
}

/* v4.5.3 — stable first paint + simple desktop arrows */

/* Prevent non-active slides flashing/stacking while the page first loads. */
.ss-slider{position:relative!important;overflow:hidden!important}
.ss-slider .slide{display:none!important;width:100%!important}
.ss-slider .slide.active{display:block!important}
.ss-slider .slide img{display:block}

/* Desktop: simple chevrons only. */
@media(min-width:768px){
  .ss-slider .arrow{
    display:block!important;
    visibility:visible!important;
    opacity:.88!important;
    pointer-events:auto!important;
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:20!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:5px 8px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:38px!important;
    font-weight:300!important;
    line-height:1!important;
    text-shadow:0 1px 5px rgba(0,0,0,.55)!important;
    cursor:pointer!important;
  }
  .ss-slider .arrow.prev{left:10px!important}
  .ss-slider .arrow.next{right:10px!important}
  .ss-slider .arrow:hover{opacity:1!important;background:transparent!important}
}

/* Mobile remains swipe-only. */
@media(max-width:767px){
  .ss-slider .arrow{display:none!important;visibility:hidden!important;pointer-events:none!important}
}


/* v4.5.4 FINAL slider navigation rules */
@media (min-width: 768px) {
    .ss-slider .arrow,
    .ss-slider button.arrow {
        display: block !important;
        visibility: visible !important;
        opacity: .9 !important;
        pointer-events: auto !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 30 !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 6px 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
        font: 300 40px/1 Arial,sans-serif !important;
        text-shadow: 0 1px 5px rgba(0,0,0,.55) !important;
        cursor: pointer !important;
    }
    .ss-slider .prev { left: 10px !important; }
    .ss-slider .next { right: 10px !important; }
}
@media (max-width: 767px) {
    .ss-slider .arrow,
    .ss-slider button.arrow {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* First slide is already active in HTML, preventing initial blank/flash. */
.ss-slider .slide { display: none; }
.ss-slider .slide.active { display: block; }

/* v4.5.5 — mobile slider: preserve the complete banner, including both edges */
@media (max-width:767px){
  .ss-slider .slide,
  .ss-slider .slide picture,
  .ss-slider .slide a{
    height:auto!important;
    min-height:0!important;
  }
  .ss-slider .slide img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
\n/* v4.5.6 — lock slider geometry to prevent autoplay layout shift */
.ss-slider{position:relative!important;width:100%!important;overflow:hidden!important}
.ss-slider .slide{width:100%!important;margin:0!important;padding:0!important;aspect-ratio:1200/350;overflow:hidden!important}
.ss-slider .slide picture,.ss-slider .slide a{display:block!important;width:100%!important;height:100%!important}
.ss-slider .slide img{display:block!important;width:100%!important;height:100%!important;margin:0!important;object-position:center!important}
@media(min-width:768px){.ss-slider .slide img{object-fit:cover!important}}
@media(max-width:767px){.ss-slider .slide,.ss-slider .slide picture,.ss-slider .slide a{height:auto!important}.ss-slider .slide{aspect-ratio:1200/350}.ss-slider .slide picture,.ss-slider .slide a{height:100%!important}.ss-slider .slide img{height:100%!important;object-fit:contain!important}}


/* v4.5.7 — stable multi-slide rendering without locking the slider to one slide */
.ss-slider {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}
.ss-slider .slide {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ss-slider .slide.active {
    display: block !important;
}
.ss-slider .slide img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile keeps the complete banner and natural aspect ratio. */
@media (max-width: 767px) {
    .ss-slider .slide,
    .ss-slider .slide picture,
    .ss-slider .slide a {
        height: auto !important;
    }
    .ss-slider .slide img {
        height: auto !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}