/* Xboats Banery 2.3.51 - brandowy hover paska sterowania bannera */
.xboats-banners{
  position:relative;
  width:100%;
  margin:12px 0 18px;
  padding-bottom:0;
}
.xboats-banners__viewport{
  overflow:hidden;
  border-radius:14px;
  background:#f4f6f8;
  box-shadow:0 1px 2px rgba(15,35,70,.04);
}
.xboats-banners__track{
  display:flex;
  transition:transform .44s cubic-bezier(.22,.68,.18,1);
  will-change:transform;
}
.xboats-banners__slide{
  flex:0 0 100%;
  min-width:0;
  aspect-ratio:var(--xb-banner-desktop-ratio,1920/400);
  overflow:hidden;
}
.xboats-banners__slide>a,
.xboats-banners__slide>div,
.xboats-banners picture{
  display:block;
  width:100%;
  height:100%;
}
.xboats-banners img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Zwykłe strzałki są używane tylko gdy pasek nawigacji desktop jest wyłączony. */
.xboats-banners__arrow{
  position:absolute;
  top:50%;
  z-index:5;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  transform:translateY(-50%);
  border:1px solid #d8dee8;
  border-radius:10px;
  background:rgba(255,255,255,.96);
  color:#172b4d;
  box-shadow:0 4px 14px rgba(15,35,70,.12);
  cursor:pointer;
}
.xboats-banners__arrow svg{width:20px;height:20px;fill:currentColor}
.xboats-banners__arrow.is-prev{left:12px}
.xboats-banners__arrow.is-next{right:12px}
.xboats-banners__arrow:hover{background:#fff;border-color:#c9d3df}

/*
 * 2.3.50 - desktopowy pasek sterowania bez blur i bez centrowania przez transform.
 * Pełne białe tło, pozycjonowanie na całych pikselach i większe kontrolki poprawiają ostrość.
 * Układ: strzałka | nazwy slajdów + progress | strzałka | pause/play.
 */
.xboats-banners__nav-row{
  position:absolute;
  z-index:6;
  left:0;
  right:0;
  bottom:8px;
  display:flex;
  align-items:center;
  gap:6px;
  width:min(68%,1040px);
  max-width:calc(100% - 32px);
  margin-inline:auto;
  transform:none;
  pointer-events:none;
}
.xboats-banners__nav{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  height:34px;
  overflow:hidden;
  border:1px solid #d9e0e8;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,35,70,.14);
  pointer-events:auto;
}
.xboats-banners__nav-items{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
}
.xboats-banners__nav-items>button{
  position:relative;
  flex:1 1 0;
  min-width:0;
  height:34px;
  padding:0 10px 1px;
  overflow:hidden;
  border:0;
  border-right:1px solid rgba(233,237,242,.95);
  background:transparent;
  color:#26344d;
  font:700 11px/1 "Instrument Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  cursor:pointer;
  white-space:nowrap;
  text-overflow:ellipsis;
  transition:background .16s ease,color .16s ease;
}
.xboats-banners__nav-items>button:last-child{border-right:0}
.xboats-banners__nav-items>button span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.xboats-banners__nav-items>button:hover,
.xboats-banners__nav-items>button:focus-visible{background:#1B1390;color:#FFBF00;outline:0}
.xboats-banners__nav-items>button.is-active{background:#fff;color:#172b4d}
.xboats-banners__nav-items>button i{
  position:absolute;
  left:7px;
  right:7px;
  bottom:2px;
  height:2px;
  overflow:hidden;
  border-radius:999px;
  background:transparent;
  transform-origin:left center;
}
.xboats-banners__nav-items>button.is-active i{
  background:#ff7900;
  animation:xbBannerProgress var(--xb-progress,7s) linear;
}
.xboats-banners__nav-arrow{
  flex:0 0 34px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  border:0;
  background:#fff;
  color:#172b4d;
  cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.xboats-banners__nav-arrow.is-prev{border-right:1px solid #e7ebf0}
.xboats-banners__nav-arrow.is-next{border-left:1px solid #e7ebf0}
.xboats-banners__nav-arrow:hover,
.xboats-banners__nav-arrow:focus-visible{background:#1B1390;color:#FFBF00;outline:0}
.xboats-banners__nav-arrow svg{display:block;width:16px;height:16px;fill:currentColor;shape-rendering:geometricPrecision}
.xboats-banners__pause{
  flex:0 0 34px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  border:1px solid #d9e0e8;
  border-radius:8px;
  background:#fff;
  color:#172b4d;
  box-shadow:0 2px 8px rgba(15,35,70,.14);
  cursor:pointer;
  pointer-events:auto;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.xboats-banners__pause svg{display:block;width:15px;height:15px;fill:currentColor;shape-rendering:geometricPrecision}
.xboats-banners__pause .xboats-banners__play-icon{display:none}
.xboats-banners__pause.is-paused .xboats-banners__pause-icon{display:none}
.xboats-banners__pause.is-paused .xboats-banners__play-icon{display:block}
.xboats-banners__pause:hover,
.xboats-banners__pause:focus-visible{background:#1B1390;border-color:#1B1390;color:#FFBF00;box-shadow:0 4px 12px rgba(27,19,144,.22);outline:0}

.xboats-banners__dots{display:none}

.xboats-banners.is-single .xboats-banners__viewport{border-radius:14px}

.xboats-banners.is-pair .xboats-banners__viewport{overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.xboats-banners.is-pair .xboats-banners__track{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--xb-banner-desktop-gap,18px);
  transition:none;
  will-change:auto;
}
.xboats-banners.is-pair .xboats-banners__slide{
  flex:none;
  min-width:0;
  border-radius:14px;
  background:#f4f6f8;
  box-shadow:0 4px 18px rgba(15,35,70,.07);
}
.xboats-banners.is-pair .xboats-banners__slide>a,
.xboats-banners.is-pair .xboats-banners__slide>div{overflow:hidden;border-radius:inherit}

@keyframes xbBannerProgress{
  from{transform:scaleX(0);transform-origin:left}
  to{transform:scaleX(1);transform-origin:left}
}

@media(max-width:1199px) and (min-width:900px){
  .xboats-banners__nav-row{width:min(74%,900px);bottom:7px}
  .xboats-banners__nav-items>button{font-size:10.5px;padding:0 8px 1px}
}

@media(max-width:899px){
  .xboats-banners{margin:10px 0 16px;padding-bottom:0}
  .xboats-banners__viewport{border-radius:13px}
  .xboats-banners__slide{aspect-ratio:var(--xb-banner-mobile-ratio,568/312)}
  .xboats-banners__nav-row{display:none}
  .xboats-banners__arrow{display:none}
  .xboats-banners__dots{
    display:flex;
    position:absolute;
    left:50%;
    bottom:9px;
    transform:translateX(-50%);
    z-index:4;
    gap:6px;
  }
  .xboats-banners__dots button{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    box-shadow:0 0 0 1px rgba(18,43,78,.12);
    cursor:pointer;
    transition:width .18s ease,background .18s ease;
  }
  .xboats-banners__dots button.is-active{width:20px;background:#ff7900}
  .xboats-banners.is-pair .xboats-banners__track{gap:var(--xb-banner-mobile-gap,12px)}
  .xboats-banners.is-pair[data-pair-mobile="stack"] .xboats-banners__track{grid-template-columns:1fr}
  .xboats-banners.is-pair[data-pair-mobile="two"] .xboats-banners__track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xboats-banners.is-pair .xboats-banners__slide{border-radius:12px}
}

/* Pionowy banner boczny dopasowany do wysokości sąsiedniej sekcji produktów. */
.xboats-banners.is-side{margin:0;height:100%}
.xboats-banners.is-side .xboats-banners__viewport,
.xboats-banners.is-side .xboats-banners__track{height:100%;border-radius:14px}
.xboats-banners.is-side .xboats-banners__track{transition:none;will-change:auto}
.xboats-banners.is-side .xboats-banners__slide{height:100%;min-height:0;aspect-ratio:var(--xb-banner-desktop-ratio,900/1700);border-radius:14px;background:#f4f6f8}
.xboats-banners.is-side[data-side-match-height="yes"]{height:var(--xb-side-target-height,auto)}
.xboats-banners.is-side[data-side-match-height="yes"] .xboats-banners__slide{height:var(--xb-side-target-height,auto);aspect-ratio:var(--xb-banner-desktop-ratio,900/1700)}
.xboats-banners.is-side .xboats-banners__slide>a,
.xboats-banners.is-side .xboats-banners__slide>div{overflow:hidden;border-radius:inherit}
.xboats-banners.is-side img{object-fit:contain;background:#fff}

@media(max-width:899px){
  .xboats-banners.is-side{height:auto;margin:10px 0 16px}
  .xboats-banners.is-side[data-side-match-height="yes"]{height:auto}
  .xboats-banners.is-side .xboats-banners__viewport,
  .xboats-banners.is-side .xboats-banners__track{height:auto}
  .xboats-banners.is-side .xboats-banners__slide,
  .xboats-banners.is-side[data-side-match-height="yes"] .xboats-banners__slide{height:auto;aspect-ratio:var(--xb-banner-mobile-ratio,568/312);border-radius:13px}
  .xboats-banners.is-side img{object-fit:cover}
}

/* 2.3.51 - hover/focus w kolorach Xboats dla wszystkich elementów desktopowej nawigacji. */
@media(min-width:900px){
  .xboats-banners__nav-items>button:hover,
  .xboats-banners__nav-items>button:focus-visible,
  .xboats-banners__nav-items>button.is-active:hover,
  .xboats-banners__nav-items>button.is-active:focus-visible{background:#1B1390;color:#FFBF00}
  .xboats-banners__nav-arrow:hover,
  .xboats-banners__nav-arrow:focus-visible{background:#1B1390;color:#FFBF00}
  .xboats-banners__pause:hover,
  .xboats-banners__pause:focus-visible{background:#1B1390;border-color:#1B1390;color:#FFBF00}
}


/* Pan Kwiatek - lekka mozaika strony głównej. Bez JS na froncie. */
.pk-home-mosaic{width:100%;max-width:1460px;margin:0 auto;display:grid;gap:18px}
.pk-home-mosaic__hero,.pk-home-mosaic__row{width:100%;min-width:0}
.pk-home-mosaic__row{display:grid;grid-template-columns:repeat(var(--pk-mosaic-count,2),minmax(0,1fr));gap:18px}
.pk-home-mosaic__tile{position:relative;min-width:0;overflow:hidden;background:#fff;border-radius:14px}
.pk-home-mosaic__tile>a,.pk-home-mosaic__tile>div,.pk-home-mosaic__tile picture{display:block;width:100%;height:100%}
.pk-home-mosaic__tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.pk-home-mosaic__tile:hover img{transform:scale(1.018)}
.pk-home-mosaic__tile.is-hero{aspect-ratio:3.15/1}
.pk-home-mosaic__tile.is-pair{aspect-ratio:1.82/1}
.pk-home-mosaic__tile.is-triple{aspect-ratio:1.45/1}
.pk-home-mosaic__label{position:absolute;left:22px;bottom:20px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border-radius:8px;background:rgba(20,22,18,.52);color:#fff;font-size:18px;font-weight:700;line-height:1.15;backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.22)}
.pk-home-mosaic__mobile-categories{display:none}

@media(max-width:899px){
  .pk-home-mosaic{max-width:none;gap:16px}
  .pk-home-mosaic__hero{width:100%}
  .pk-home-mosaic__tile.is-hero{aspect-ratio:568/312;border-radius:12px}
  .pk-home-mosaic__row{display:none!important}
  .pk-home-mosaic__tile:hover img{transform:none}
  .pk-home-mosaic__label{left:14px;bottom:13px;min-height:30px;padding:5px 9px;font-size:14px;border-radius:7px}
  .pk-home-mosaic__mobile-categories{display:block;width:100%;min-width:0;margin:0;padding:0}
  .pk-home-mosaic__mobile-categories h2{margin:0 0 11px;padding:0;font-family:inherit;font-size:18px;font-weight:800;line-height:1.2;color:#191b18}
  .pk-home-mosaic__category-strip{display:flex;gap:12px;width:100%;overflow-x:auto;overflow-y:hidden;padding:1px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pk-home-mosaic__category-strip::-webkit-scrollbar{display:none}
  .pk-home-mosaic__category{display:grid;justify-items:center;gap:7px;flex:0 0 82px;width:82px;color:#252921;text-decoration:none;text-align:center;scroll-snap-align:start}
  .pk-home-mosaic__category-media{display:grid;place-items:center;width:74px;height:74px;overflow:hidden;border:1px solid #e5e1d9;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(28,35,23,.05)}
  .pk-home-mosaic__category-img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
  .pk-home-mosaic__category-fallback{display:grid;place-items:center;width:100%;height:100%;background:#f4f6f1;color:#526b3f;font-size:25px;font-weight:800}
  .pk-home-mosaic__category>span:last-child{display:-webkit-box;overflow:hidden;min-height:30px;color:#3f443c;font-size:11.5px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}

@media(max-width:520px){
  .pk-home-mosaic__category-strip{gap:10px}
  .pk-home-mosaic__category{flex-basis:78px;width:78px}
  .pk-home-mosaic__category-media{width:70px;height:70px}
}


/* 0.4.19 - kompaktowa mozaika desktop + poprawne kadrowanie rzędów. */
@media(min-width:900px){
  .pk-home-mosaic{
    width:min(calc(100% - 32px),1280px)!important;
    max-width:1280px!important;
    gap:14px!important;
  }

  .pk-home-mosaic__row{
    gap:14px!important;
  }

  /* Hero odpowiada proporcji przygotowanej grafiki 1440x480. */
  .pk-home-mosaic__tile.is-hero{
    aspect-ratio:3/1!important;
  }

  /* Grafiki w drugim rzędzie mają ok. 2.45:1. Dzięki temu nie tniemy napisów po bokach. */
  .pk-home-mosaic__tile.is-pair{
    aspect-ratio:2.45/1!important;
  }

  .pk-home-mosaic__tile.is-pair img{
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* Dolny rząd pozostaje zbliżony do naturalnych proporcji grafik. */
  .pk-home-mosaic__tile.is-triple{
    aspect-ratio:1.48/1!important;
  }

  .pk-home-mosaic__tile.is-triple img{
    object-position:center center!important;
  }
}

/* Na typowym laptopie / 13 cali mozaika jest wyraźnie bardziej kompaktowa. */
@media(min-width:900px) and (max-width:1440px){
  .pk-home-mosaic{
    width:min(calc(100% - 32px),1120px)!important;
    max-width:1120px!important;
    gap:12px!important;
  }

  .pk-home-mosaic__row{
    gap:12px!important;
  }

  .pk-home-mosaic__tile{
    border-radius:12px!important;
  }
}

/* Bardzo szerokie monitory - nie rozciągamy mozaiki bez końca. */
@media(min-width:1800px){
  .pk-home-mosaic{
    max-width:1320px!important;
  }
}


/* 0.4.27 - mozaika wyrównana do osi nagłówka: szerzej i niżej na desktopie. */
@media(min-width:1321px){
  .pk-home-mosaic{
    position:relative!important;
    left:50%!important;
    width:min(1920px,calc(100vw - 96px))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    gap:12px!important;
  }
  .pk-home-mosaic__row{gap:12px!important;}
  .pk-home-mosaic__tile.is-hero{
    aspect-ratio:auto!important;
    height:clamp(300px,18.5vw,380px)!important;
  }
  .pk-home-mosaic__tile.is-pair{
    aspect-ratio:auto!important;
    height:clamp(205px,13.2vw,270px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    aspect-ratio:auto!important;
    height:clamp(190px,12vw,245px)!important;
  }
}

@media(min-width:900px) and (max-width:1320px){
  .pk-home-mosaic{
    position:relative!important;
    left:50%!important;
    width:calc(100vw - 64px)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    gap:10px!important;
  }
  .pk-home-mosaic__row{gap:10px!important;}
  .pk-home-mosaic__tile.is-hero{
    aspect-ratio:auto!important;
    height:clamp(250px,22vw,320px)!important;
  }
  .pk-home-mosaic__tile.is-pair{
    aspect-ratio:auto!important;
    height:clamp(175px,16vw,225px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    aspect-ratio:auto!important;
    height:clamp(165px,15vw,210px)!important;
  }
}


/* 0.4.28 - lżejsze kadrowanie mozaiki, tak aby napisy na grafikach były widoczne. */
@media(min-width:1321px){
  .pk-home-mosaic__tile.is-pair{
    height:clamp(190px,12vw,235px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    height:clamp(150px,9.2vw,185px)!important;
  }
  .pk-home-mosaic__tile.is-pair img,
  .pk-home-mosaic__tile.is-triple img{
    object-position:left center!important;
  }
}

@media(min-width:900px) and (max-width:1320px){
  .pk-home-mosaic__tile.is-pair{
    height:clamp(165px,14vw,205px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    height:clamp(138px,11vw,172px)!important;
  }
  .pk-home-mosaic__tile.is-pair img,
  .pk-home-mosaic__tile.is-triple img{
    object-position:left center!important;
  }
}


/* 0.4.29 - mniej agresywne kadrowanie mozaiki, tak aby napisy i sylwetka były czytelne. */
@media(min-width:1321px){
  .pk-home-mosaic__tile.is-pair{
    height:clamp(215px,13.5vw,255px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    height:clamp(185px,11.5vw,225px)!important;
  }
  .pk-home-mosaic__row--two .pk-home-mosaic__tile img{
    object-position:left bottom!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(1) img,
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(3) img{
    object-position:left bottom!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(2) img{
    object-position:center top!important;
  }
}

@media(min-width:900px) and (max-width:1320px){
  .pk-home-mosaic__tile.is-pair{
    height:clamp(185px,15.5vw,225px)!important;
  }
  .pk-home-mosaic__tile.is-triple{
    height:clamp(160px,12.8vw,195px)!important;
  }
  .pk-home-mosaic__row--two .pk-home-mosaic__tile img{
    object-position:left bottom!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(1) img,
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(3) img{
    object-position:left bottom!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(2) img{
    object-position:center top!important;
  }
}


/* 0.4.31 - tymczasowe napisy na mozaice. Kadrowanie wróciło do 0.4.29. */
@media(min-width:900px){
  .pk-home-mosaic__row--two .pk-home-mosaic__label,
  .pk-home-mosaic__row--three .pk-home-mosaic__label{
    left:22px!important;
    bottom:18px!important;
    min-height:0!important;
    padding:0 0 3px!important;
    border-radius:0!important;
    border-bottom:1px solid rgba(255,255,255,.95)!important;
    background:transparent!important;
    color:#fff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:18px!important;
    font-weight:400!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 4px rgba(0,0,0,.24)!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__label{
    left:20px!important;
    bottom:16px!important;
    font-size:16px!important;
  }
}

/* 0.4.32 - tymczasowe ukrycie napisów w samych grafikach poprzez podniesienie kadru.
   Zostają widoczne tylko napisy nakładane przez plugin. */
@media(min-width:1321px){
  .pk-home-mosaic__row--two .pk-home-mosaic__tile img{
    object-position:center 22%!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(1) img,
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(3) img{
    object-position:center 18%!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(2) img{
    object-position:center 8%!important;
  }
}

@media(min-width:900px) and (max-width:1320px){
  .pk-home-mosaic__row--two .pk-home-mosaic__tile img{
    object-position:center 20%!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(1) img,
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(3) img{
    object-position:center 16%!important;
  }
  .pk-home-mosaic__row--three .pk-home-mosaic__tile:nth-child(2) img{
    object-position:center 6%!important;
  }
}

/* 0.4.47 - mobile hero: kadrowanie bez napisu z grafiki + napis generowany przez Store. */
@media(max-width:899px){
  .pk-home-mosaic__tile.is-hero img{
    object-position:76% center!important;
  }

  .pk-home-mosaic__tile.is-hero::after{
    content:"Ostatnie sztuki";
    position:absolute;
    left:18px;
    bottom:17px;
    z-index:3;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(21px,5.8vw,32px);
    font-weight:400;
    line-height:1;
    letter-spacing:.01em;
    text-transform:lowercase;
    text-shadow:0 1px 5px rgba(0,0,0,.24);
    pointer-events:none;
  }

  .pk-home-mosaic__tile.is-hero::first-letter{
    text-transform:lowercase;
  }

  /* Jeżeli banner miał własny label, na mobile nie pokazujemy go drugi raz. */
  .pk-home-mosaic__tile.is-hero .pk-home-mosaic__label{
    display:none!important;
  }
}

@media(max-width:520px){
  .pk-home-mosaic__tile.is-hero img{
    object-position:78% center!important;
  }
  .pk-home-mosaic__tile.is-hero::after{
    left:14px;
    bottom:14px;
    font-size:clamp(20px,6.2vw,28px);
  }
}
\n\n/* 0.4.52 - konfigurowalne zaokrąglenie bannerów. */\n.xboats-banners__viewport{\n  border-radius:var(--xb-banner-radius,18px)!important;\n}\n.xboats-banners.is-single .xboats-banners__slide,\n.xboats-banners.is-pair .xboats-banners__slide,\n.xboats-banners.is-side .xboats-banners__slide{\n  border-radius:var(--xb-banner-radius,18px)!important;\n  overflow:hidden!important;\n}\n.xboats-banners.is-side,\n.xboats-banners.is-side .xboats-banners__viewport,\n.xboats-banners.is-side .xboats-banners__track,\n.xboats-banners.is-side .xboats-banners__slide>a,\n.xboats-banners.is-side .xboats-banners__slide>div,\n.xboats-banners.is-side picture,\n.xboats-banners.is-side img{\n  border-radius:var(--xb-banner-radius,18px)!important;\n}\n.xboats-banners.is-side .xboats-banners__viewport,\n.xboats-banners.is-side .xboats-banners__track,\n.xboats-banners.is-side .xboats-banners__slide{\n  overflow:hidden!important;\n}\n