/* Wrapper */
.kcc-wrap { width: 100%; }
.kcc-main-swiper { position: relative; width: 100%; height: var(--kcc-main-h, auto); }
.kcc-img { width: 100%; height: auto; display: block; }
/* If main height is set, stretch image and apply object-fit */
.kcc-has-height .kcc-img { height: 100%; }

/* Main image fit options (applies when height is set) */
.kcc-wrap.kcc-mainfit-cover .kcc-img { object-fit: contain; }
.kcc-wrap.kcc-mainfit-contain .kcc-img { object-fit: contain; }
.kcc-wrap.kcc-mainfit-fill .kcc-img { object-fit: fill; }
.kcc-wrap.kcc-mainfit-scale-down .kcc-img { object-fit: scale-down; }
.kcc-wrap.kcc-mainfit-none .kcc-img { object-fit: none; }

/* Arrows */
.kcc-prev, .kcc-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 10px;
  background: rgb(255 255 255 / 0%);
  border-radius: 4px;
  cursor: pointer;
  z-index: 5;
      font-size: 40px !important;
      color: #E5301F;
  user-select: none;
}
.kcc-prev { left: 6px; }
.kcc-next { right: 6px; }

/* Thumbs carousel */
.kcc-thumbs-swiper { width: 100%; margin-top: 12px; }
.kcc-thumb { padding: 0; margin: 0; border: 0; background: transparent; width: 100%; }
.kcc-thumb-box { width: 100%; height: var(--kcc-thumb-h, 80px); }
.kcc-thumb-img { width: 100%; height: 150px !important; display:block; object-fit: contain; }

.kcc-wrap.kcc-thumbfit-contain .kcc-thumb-img { object-fit: contain; }
.kcc-wrap.kcc-thumbfit-fill .kcc-thumb-img { object-fit: fill; }
.kcc-wrap.kcc-thumbfit-scale-down .kcc-thumb-img { object-fit: scale-down; }
.kcc-wrap.kcc-thumbfit-none .kcc-thumb-img { object-fit: none; }

.kcc-thumb.active .kcc-thumb-img { outline: 2px solid #999; outline-offset: -2px; }

/* Notices */
.kcc-notice { padding:10px; background:#fff3cd; border:1px solid #ffeeba; border-radius:6px; }

/* Minimal Swiper layout if native not present (main slider only) */
.swiper{width:100%}.swiper-wrapper{display:flex}.swiper-slide{flex:0 0 auto;width:100%}