salla-hook {
        all: unset;
        display: none;
    }
.advanced-slider salla-slider,
.home-slider salla-slider,
.banners-slider salla-slider{visibility:visible}
.advanced-slider salla-slider [slot="items"]>:not(:first-child),
.home-slider salla-slider [slot="items"]>:not(:first-child),
.banners-slider salla-slider [slot="items"]>:not(:first-child){opacity:0}
/* opacity:0 leaves the extra slides in flow; stack them so the un-hydrated
   slider is as tall as the hydrated one */
.advanced-slider salla-slider:not(.hydrated) [slot="items"],
.home-slider salla-slider:not(.hydrated) [slot="items"],
.banners-slider salla-slider:not(.hydrated) [slot="items"]{display:grid}
.advanced-slider salla-slider:not(.hydrated) [slot="items"]>*,
.home-slider salla-slider:not(.hydrated) [slot="items"]>*,
.banners-slider salla-slider:not(.hydrated) [slot="items"]>*{grid-area:1/1}
.advanced-slider salla-slider:not(.hydrated) [slot="items"]>:not(:first-child),
.home-slider salla-slider:not(.hydrated) [slot="items"]>:not(:first-child),
.banners-slider salla-slider:not(.hydrated) [slot="items"]>:not(:first-child){pointer-events:none}
/* products sliders are fetched client-side and sit at 0px until they resolve */
salla-products-slider:not(:has(custom-salla-product-card)):not([data-products-empty]){min-height:440px}
/* A best-offers block with no .s-products-slider-card is empty once either the
   slider has rendered (.s-products-slider-slider) or app.js gave up on it
   ([data-products-empty]). The latter covers an invalid source-value, where the
   slider never renders and the first signal can never arrive. */
.s-block--best-offers:not(:has(.s-products-slider-card)):has(.s-products-slider-slider, salla-products-slider[data-products-empty]){display:none}
.s-translate-wrap,
  .s-translate-all-wrap {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .s-translate-all-wrap {
    margin-top: 12px;
    margin-bottom: 16px;
  }

  .s-translate-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    color: var(--theme-primary-color, inherit);
    line-height: 1.2;
  }

  .s-translate-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    vertical-align: middle;
  }

  .s-translate-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
  }

  html[dir="rtl"] .s-translate-btn {
    flex-direction: row-reverse;
  }