/* ONSHOP HOME REDESIGN 2026-09 — V9 LIVE */
/* Scope ograniczony do homepage (#index). */

body#index #carousel.onshop-home-slider {
  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #06162d;
  box-shadow: none !important;
  animation: none !important;
}
body#index #carousel.onshop-home-slider .carousel-inner,
body#index #carousel.onshop-home-slider figure,
body#index #carousel.onshop-home-slider .onshop-slide-link,
body#index #carousel.onshop-home-slider picture {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
body#index #carousel.onshop-home-slider .carousel-item {
  width: 100%;
  margin: 0;
  padding: 0;
}
body#index #carousel.onshop-home-slider figure,
body#index #carousel.onshop-home-slider .onshop-slide-link {
  position: relative;
  overflow: hidden;
}
body#index #carousel.onshop-home-slider .onshop-slide-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(2,15,35,.69) 0%,
    rgba(2,15,35,.34) 30%,
    rgba(2,15,35,.06) 55%,
    rgba(2,15,35,0) 70%);
}
/* Slider 3 jest celowo jasny. */
body#index #carousel.onshop-home-slider .onshop-slide-3 .onshop-slide-link::before {
  background: linear-gradient(90deg,
    rgba(229,242,252,.94) 0%,
    rgba(224,239,251,.76) 31%,
    rgba(220,238,251,.20) 53%,
    rgba(220,238,251,0) 70%);
}
body#index #carousel.onshop-home-slider .carousel-item img,
body#index #carousel.onshop-home-slider img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
}
body#index #carousel.onshop-home-slider .caption.onshop-slide-caption {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto !important;
  left: clamp(34px,5vw,92px);
  z-index: 2;
  width: min(42%,700px);
  max-width: none !important;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  color: #fff;
  background: transparent !important;
  text-align: left;
  text-shadow: 0 2px 12px rgba(0,0,0,.22);
}
body#index #carousel.onshop-home-slider .onshop-slide-caption h2 {
  margin: 0 0 17px;
  color: #fff;
  font-family: inherit;
  font-size: clamp(34px,3vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -1.8px;
  text-transform: none;
}
body#index #carousel.onshop-home-slider .onshop-slide-caption p {
  max-width: 620px;
  margin: 0 0 24px;
  color: #dbeaff;
  font-size: clamp(15px,1.1vw,20px);
  line-height: 1.45;
}
body#index #carousel.onshop-home-slider .onshop-slide-3 .onshop-slide-caption {
  color: #073663;
  text-shadow: none;
}
body#index #carousel.onshop-home-slider .onshop-slide-3 .onshop-slide-caption h2 { color: #073663; }
body#index #carousel.onshop-home-slider .onshop-slide-3 .onshop-slide-caption p { color: #31506b; }
body#index #carousel.onshop-home-slider .onshop-slide-cta,
body#index .onshop-category-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(135deg,#0876d9 0%,#0d5ca8 100%);
  color: #fff;
  font-weight: 700;
  text-shadow: none;
  box-shadow: 0 8px 22px rgba(0,75,150,.20);
}
body#index #carousel.onshop-home-slider .onshop-slide-cta {
  min-height: 44px;
  padding: 13px 20px;
  border-radius: 8px;
  font-size: 14px;
}
body#index #carousel.onshop-home-slider .onshop-slider-direction .carousel-control {
  top: 50%;
  bottom: auto;
  width: 44px;
  height: 44px;
  margin: -22px 17px 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  background: rgba(4,25,51,.42) !important;
  color: #fff;
  opacity: .74 !important;
  text-shadow: none;
  transition: opacity .18s ease, background .18s ease;
}
body#index #carousel.onshop-home-slider .onshop-slider-direction .carousel-control:hover {
  background: rgba(4,38,74,.72) !important;
  opacity: 1 !important;
}
body#index #carousel.onshop-home-slider .onshop-slider-direction .icon-prev,
body#index #carousel.onshop-home-slider .onshop-slider-direction .icon-next {
  position: absolute;
  top: 50%;
  left: 50% !important;
  right: auto !important;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 1 !important;
  transform: translate(-50%,-50%) !important;
}
body#index #carousel.onshop-home-slider .onshop-slider-direction .material-icons {
  display: block;
  font-size: 29px !important;
  line-height: 42px !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}
body#index #carousel.onshop-home-slider .onshop-slider-indicators {
  bottom: 13px;
  z-index: 4;
  margin-bottom: 0;
}
body#index #carousel.onshop-home-slider .onshop-slider-indicators li {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border: 1px solid rgba(8,57,109,.22);
  border-radius: 50%;
  background: rgba(255,255,255,.70);
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
body#index #carousel.onshop-home-slider .onshop-slider-indicators li.active {
  width: 9px;
  height: 9px;
  background: #1687d9;
}

/* ===== 3 KAFLE ===== */
body#index .banner1_link.onshop-category-card,
body#index .banner2_link.onshop-category-card,
body#index .banner3_link.onshop-category-card {
  position: relative;
  display: block;
  float: left;
  width: calc(33.333333% - 12px);
  margin: 14px 18px 30px 0;
  overflow: hidden;
  border-radius: 10px;
  background: #061a37;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(15,48,79,.10);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease;
}
body#index .banner3_link.onshop-category-card { margin-right: 0; }
body#index .onshop-category-card picture {
  display: block;
  width: 100%;
  aspect-ratio: 1.6 / 1;
  overflow: hidden;
}
body#index .onshop-category-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0 !important;
  padding: 0 !important;
  /* V8: bardzo subtelne rozjaśnienie samych produktów/tła kafli.
     Lewa strefa pod tekstem pozostaje kontrolowana przez gradient ::before. */
  filter: brightness(1.045);
}
body#index .onshop-category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(2,16,38,.76) 0%,
    rgba(2,16,38,.54) 27%,
    rgba(2,16,38,.18) 43%,
    rgba(2,16,38,0) 55%);
}
body#index .onshop-category-card__copy {
  position: absolute;
  top: 50%;
  left: clamp(18px,1.65vw,22px);
  z-index: 2;
  display: flex;
  width: 38%;
  padding-right: 10px;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(-50%);
  color: #fff;
  text-align: left;
}
body#index .onshop-category-card__title {
  display: block;
  min-height: 2.16em;
  margin: 0 0 9px;
  color: #fff;
  font-size: clamp(20px,1.55vw,29px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.02em;
  text-wrap: balance;
  text-shadow: 0 2px 8px rgba(0,0,0,.32);
}
body#index .onshop-category-card__subtitle {
  display: block;
  min-height: 2.7em;
  margin: 0 0 16px;
  color: #e0efff;
  font-size: clamp(12px,.9vw,16px);
  line-height: 1.35;
  text-shadow: 0 1px 5px rgba(0,0,0,.24);
}
body#index .onshop-category-card__cta {
  min-height: 36px;
  padding: 11px 15px;
  border-radius: 7px;
  font-size: 13px;
  box-shadow: 0 3px 10px rgba(3,35,67,.18);
}
body#index .featured-products { clear: both; }
@media (hover:hover) and (pointer:fine) {
  body#index .onshop-category-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 27px rgba(15,48,79,.15);
  }
  body#index .onshop-category-card:hover .onshop-category-card__cta,
  body#index #carousel.onshop-home-slider .onshop-slide-link:hover .onshop-slide-cta {
    background: linear-gradient(135deg,#168ae4 0%,#0a63b7 100%);
  }
}

@media (max-width:991px) and (min-width:768px) {
  body#index #carousel.onshop-home-slider .caption.onshop-slide-caption {
    left: 34px;
    width: 44%;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-caption h2 { font-size: 30px; letter-spacing: -.8px; }
  body#index #carousel.onshop-home-slider .onshop-slide-caption p { margin-bottom: 15px; font-size: 14px; }
  body#index .onshop-category-card__copy { left: 15px; width: 40%; padding-right: 7px; }
  body#index .onshop-category-card__title { min-height: 0; font-size: 17px; }
  body#index .onshop-category-card__subtitle { min-height: 0; margin-bottom: 10px; font-size: 11px; }
  body#index .onshop-category-card__cta { min-height: 32px; padding: 7px 10px; font-size: 10px; }
}

@media (max-width:767px) {
  body#index #carousel.onshop-home-slider { margin: 0 !important; }
  body#index #carousel.onshop-home-slider .onshop-slide-link {
    aspect-ratio: 9 / 10;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-link::before {
    background: linear-gradient(180deg,
      rgba(2,15,35,.82) 0%,
      rgba(2,15,35,.22) 42%,
      rgba(2,15,35,0) 64%);
  }
  body#index #carousel.onshop-home-slider .onshop-slide-3 .onshop-slide-link::before {
    background: linear-gradient(180deg,
      rgba(229,242,252,.95) 0%,
      rgba(225,240,251,.66) 39%,
      rgba(222,238,250,.05) 62%,
      rgba(222,238,250,0) 73%);
  }
  body#index #carousel.onshop-home-slider .carousel-item img,
  body#index #carousel.onshop-home-slider img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    object-fit: cover;
  }
  body#index #carousel.onshop-home-slider .caption.onshop-slide-caption {
    top: 24px;
    right: auto;
    bottom: auto !important;
    left: 20px;
    width: 86%;
    max-width: 335px !important;
    transform: none;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-caption h2 {
    max-width: 100%;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -.7px;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-caption p {
    max-width: 100%;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.45;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-cta {
    min-height: 38px;
    padding: 11px 15px;
    border-radius: 7px;
    font-size: 12px;
  }
  body#index #carousel.onshop-home-slider .onshop-slider-direction .carousel-control {
    top: 68%;
    width: 34px;
    height: 34px;
    margin: -17px 8px 0;
  }
  body#index #carousel.onshop-home-slider .onshop-slider-direction .material-icons {
    font-size: 22px !important;
    line-height: 32px !important;
  }
  body#index #carousel.onshop-home-slider .onshop-slider-indicators { bottom: 9px; }
  body#index .banner1_link.onshop-category-card,
  body#index .banner2_link.onshop-category-card,
  body#index .banner3_link.onshop-category-card {
    float: none;
    width: calc(100% - 24px);
    max-width: 640px;
    margin: 12px auto 0;
    border-radius: 9px;
  }
  body#index .banner3_link.onshop-category-card { margin-bottom: 24px; }
  body#index .onshop-category-card::before {
    background: linear-gradient(90deg,
      rgba(2,16,38,.74) 0%,
      rgba(2,16,38,.48) 39%,
      rgba(2,16,38,.12) 63%,
      rgba(2,16,38,0) 78%);
  }
  body#index .onshop-category-card__copy {
    left: 18px;
    width: 40%;
    padding-right: 8px;
  }
  body#index .onshop-category-card__title {
    min-height: 0;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.08;
  }
  body#index .onshop-category-card__subtitle {
    min-height: 0;
    margin-bottom: 11px;
    font-size: 11.5px;
    line-height: 1.35;
  }
  body#index .onshop-category-card__cta {
    min-height: 34px;
    padding: 10px 13px;
    font-size: 11.5px;
  }
}
@media (max-width:380px) {
  body#index #carousel.onshop-home-slider .caption.onshop-slide-caption {
    top: 20px;
    left: 16px;
    width: calc(100% - 32px);
    max-width: 320px !important;
  }
  body#index #carousel.onshop-home-slider .onshop-slide-caption h2 { font-size: 24px; }
  body#index #carousel.onshop-home-slider .onshop-slide-caption p { font-size: 12px; }
  body#index .onshop-category-card__copy { width: 41%; }
}
/* ===== V9: SWIPE PALCEM NA MOBILE ===== */
@media (max-width:767px) {
  body#index #carousel.onshop-home-slider[data-onshop-swipe="1"] {
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-x: contain;
  }
  body#index #carousel.onshop-home-slider[data-onshop-swipe="1"] img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }
}
/* /ONSHOP HOME REDESIGN 2026-09 — V9 LIVE */