.product-thumb { position: relative; }

.skt-pill{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 120;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #d7d7d7;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  max-width: 62px;
  overflow: hidden;
  transition:
    max-width .55s cubic-bezier(.2,.8,.2,1),
    background-color .25s ease,
    border-color .25s ease,
    color .25s ease;
  cursor: pointer;
}

.skt-pill i{
  flex: 0 0 auto;
}

.skt-pill .skt-short{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  width: auto;
  max-width: 40px;
  margin-left: 6px;
  transition:
    opacity .18s ease,
    max-width .25s ease,
    margin-left .25s ease;
}

.skt-pill .skt-full{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  transition:
    opacity .18s ease .10s,
    max-width .45s cubic-bezier(.2,.8,.2,1),
    margin-left .25s ease;
}

 .skt-pill.has-color-badge{ bottom: 42px; }
 .skt-pill.has-campaign-badge{ bottom: 40px; }
 .skt-pill.has-color-badge.has-campaign-badge{ bottom: 68px; }

@media (hover: hover) and (pointer: fine) {
  .color-badge{
    display:flex !important;
    right: 10px;
    bottom: 10px;
  }

  .color-badge.badge-shifted{
    bottom: 40px;
  }

  .product-thumb.has-size-options .color-badge{
    bottom: 15px;
  }

  .product-thumb.has-size-options .color-badge.badge-shifted{
    bottom: 45px;
  }

  .product-thumb.has-gallery-thumbs .color-badge.badge-shifted{
    bottom: 45px;
  }

  .skt-pill:hover{
    max-width: 190px;
    background: #2dbb4e;
    border-color: #2dbb4e;
    color: #fff;
  }

  .skt-pill:hover .skt-short{
    opacity: 0;
    max-width: 0;
    margin-left: 0;
  }

  .skt-pill:hover .skt-full{
    opacity: 1;
    max-width: 160px;
    margin-left: 6px;
  }

  .product-thumb.has-size-options .skt-pill.has-color-badge{
    bottom: 47px;
  }

  .product-thumb.has-size-options .skt-pill.has-color-badge.has-campaign-badge{
    bottom: 73px;
  }

  .product-thumb.has-size-options:hover .skt-pill{
    bottom: 71px;
  }

  .product-thumb.has-size-options:hover .skt-pill.has-campaign-badge{
    bottom: 93px;
  }

  .product-thumb.has-size-options:hover .skt-pill.has-color-badge{
    bottom: 71px;
  }

  .product-thumb.has-size-options:hover .skt-pill.has-color-badge.has-campaign-badge{
    bottom: 99px;
  }

  .product-thumb.has-size-options:hover .color-badge{
    bottom: 39px;
  }

  .product-thumb.has-size-options:hover .color-badge.badge-shifted{
    bottom: 69px;
  }

  .product-thumb.has-gallery-thumbs .skt-pill.has-campaign-badge{
    bottom: 45px;
  }

  .product-thumb.has-gallery-thumbs .skt-pill.has-color-badge.has-campaign-badge{
    bottom: 73px;
  }

  .product-thumb.has-gallery-thumbs.has-size-options:hover .color-badge.badge-shifted{
    bottom: 74px;
  }

  .product-thumb.has-gallery-thumbs.has-size-options:hover .skt-pill.has-campaign-badge{
    bottom: 98px;
  }

  .product-thumb.has-gallery-thumbs.has-size-options:hover .skt-pill.has-color-badge.has-campaign-badge{
    bottom: 104px;
  }
}

@media (max-width: 768px){
  .skt-pill{
    right: 5px;
    bottom: 10px;
    height: 25px;
    font-size: 11px;
    max-width: 58px;
    padding: 0 9px;
  }

  .skt-pill.has-color-badge{ bottom: 30px; }
  .skt-pill.has-campaign-badge{ bottom: 30px; }
  .skt-pill.has-color-badge.has-campaign-badge{ bottom: 56px; }
}
.product-thumb{position:relative}.product-hover-row{position:absolute;bottom:10px;left:0;width:100%;padding:0 8px;display:flex;justify-content:center;align-items:center;z-index:110;gap:10px;flex-wrap:nowrap}.product-hover-row.badge-shifted{bottom:30px}.product-options-hover{display:none;justify-content:center;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;flex:1;text-align:center;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.product-thumb:hover .product-options-hover{display:flex;opacity:1;pointer-events:auto;padding-bottom:5px}.product-option-badge{background:#ffffffe6;padding:5px;margin:2px;border-radius:50%;min-width:30px;min-height:30px;display:inline-block;font-weight:700;color:#000;font-size:13px;border:1px solid #ddd;pointer-events:auto;flex-shrink:0}.product-option-badge:nth-child(n+6){display:none}.color-badge{display:flex;align-items:center;gap:4px;flex-shrink:0}@media (max-width: 768px){.product-options-hover{display:none!important;position:static;top:8px;left:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;z-index:999;opacity:1!important;pointer-events:auto!important;background:transparent;padding:0}.product-option-badge{font-size:12px;padding:4px 8px;margin:2px 0;border-radius:4px;min-width:36px;text-align:center}}
.badge-full,.badge-compact,.badge-minimal,.badge-large,.badge-small{display:none}.badge-merged{display:inline}@media (max-width: 1680px){.badge-merged{display:inline}}.sepette-indirim-badge{position:absolute;bottom:0;left:0;right:0;background:#0bc15c;color:#fff;font-size:14px;padding:6px 10px;text-align:center;border-radius:0;z-index:30;font-weight:600;box-shadow:0 2px 5px #00000026;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:6px;line-height:1.2}.sepette-indirim-badge .extra-info{display:none!important}.color-badge{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;background:#fff;border-radius:20px;font-size:11px;font-weight:700;padding:0 8px 0 6px;height:24px;gap:1px;box-shadow:0 1px 3px #0000001a;z-index:121}.color-badge.badge-shifted{bottom:40px}.color-circle{width:14px;height:14px;border-radius:50%;border:1px solid #fff;display:inline-block}.color-circle.first{background:linear-gradient(90deg,#e94545ff 0%,#fed5d5ff 100%)}.color-circle.second{background:linear-gradient(90deg,#4550e9ff 0%,#d5e4feff 100%);margin-left:-5px}.color-text{margin-left:3px;position:relative;z-index:2;font-size:13px}.product-layout{position:relative}@media (max-width: 768px) and (hover: none), (max-width: 768px) and (pointer: coarse){.color-badge{right:5px;bottom:8px}.color-badge.badge-shifted{bottom:37px}.skt-pill{right:5px;bottom:38px}.skt-pill.has-campaign-badge{bottom:67px}.skt-pill.has-color-badge{bottom:38px}.skt-pill.has-color-badge.has-campaign-badge{bottom:67px}}
.product-thumb .image a.product-img{position:relative;display:block;padding-bottom:var(--product-bottom-reserve,34px);background:#fff;overflow:hidden;box-sizing:border-box}
.product-thumb .image a.product-img>img.img-first,.product-thumb .image a.product-img>img.img-second{display:block;width:100%;height:auto;margin:0 auto}
.product-img--video{height:var(--product-video-height,auto)}
.product-img--video .product-video-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;overflow:hidden;box-sizing:border-box}
.product-img--video .product-card-video{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.product-img--video .product-card-video.product-card-video--fill{object-fit:cover}
.product-img--gallery>div.product-gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--category-gallery-area-height,360px);padding-top:var(--category-gallery-padding-top,0px);padding-bottom:var(--category-gallery-padding-bottom,0px);background:#fff;overflow:hidden;box-sizing:border-box}.product-img--gallery .product-gallery-main-image{display:block;max-width:100%;max-height:calc(var(--category-gallery-area-height,360px) - var(--category-gallery-padding-top,0px) - var(--category-gallery-padding-bottom,0px) - var(--product-bottom-reserve,34px));width:auto;height:auto;object-fit:contain;margin:0 auto}.product-card-gallery__indicator-wrap{position:absolute;left:50%;bottom:calc(10px + var(--category-gallery-indicator-offset-y,0px));transform:translateX(-50%);width:var(--category-gallery-indicator-width,156px);max-width:calc(100% - 32px);background:#fff;display:flex;justify-content:center;align-items:center;padding:8px 12px;border-radius:999px;overflow:hidden}.product-card-gallery__indicator-wrap--thumbs{padding:6px 8px;width:auto;min-width:min(calc((var(--category-gallery-thumb-width,36px) * var(--category-gallery-count,1)) + ((var(--category-gallery-count,1) - 1) * 6px) + 16px),calc(100% - 32px));max-width:calc(100% - 32px)}.product-card-gallery__indicator-track{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100%;overflow:hidden}.product-card-gallery__indicator-wrap--thumbs .product-card-gallery__indicator-track{gap:6px;width:auto;max-width:100%;overflow:visible}.product-card-gallery__indicator{display:block;flex:1 1 auto;max-width:var(--category-gallery-active-width,26px);height:8px;border-radius:999px;background:#d6dbe3;transition:background-color .18s ease,opacity .18s ease,max-width .18s ease}.product-card-gallery__indicator.is-active{background:var(--primary-color,var(--theme-color,#f97316));max-width:var(--category-gallery-active-width,26px)}.product-card-gallery__indicator-track .product-card-gallery__indicator:not(.is-active){max-width:8px}.product-card-gallery__thumb-indicator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--category-gallery-thumb-width,36px);height:var(--category-gallery-thumb-height,36px);border:1px solid #d6dbe3;border-radius:10px;overflow:hidden;background:#fff;opacity:.9;transition:border-color .18s ease,transform .18s ease,opacity .18s ease;box-sizing:border-box}.product-card-gallery__thumb-indicator img{display:block;width:100%;height:100%;object-fit:cover}.product-card-gallery__thumb-indicator.is-active{border-color:var(--primary-color,var(--theme-color,#f97316));opacity:1;transform:scale(1.03)}.product-img--gallery.has-second-image .img-second{display:none!important}
@media (max-width: 991px){.product-thumb .image a.product-img.product-img--gallery{height:clamp(240px,68vw,320px)}.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery){display:flex;align-items:center;justify-content:center}.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery)>img.img-first,.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery)>img.img-second{width:auto;max-width:100%;max-height:100%;object-fit:contain}.product-img--gallery>div.product-gallery-stage{height:100%;min-height:0}.product-img--gallery>div.product-gallery-stage{min-height:auto}.product-img--gallery .product-gallery-main-image{max-height:100%}.product-card-gallery__indicator-wrap{display:none!important}}
@media (min-width: 992px){.product-thumb .image a.product-img.product-img--gallery{height:calc(var(--category-gallery-area-height,360px) + 34px)}.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery){display:flex;align-items:center;justify-content:center}.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery)>img.img-first,.product-thumb .image a.product-img:not(.product-img--video):not(.product-img--gallery)>img.img-second{width:auto;max-width:100%;max-height:calc(100% - 34px);object-fit:contain}}
.product-thumb .caption .name{
  min-height: 48px;
  margin-bottom: 2px !important;
}

.product-thumb .caption .name a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.product-thumb .caption .price{
  margin-top: 0;
}

.campaign-badges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
  min-height: 68px;
  align-content: start;
}

.badge,
.campaign-rotator__item {
  position: relative;
  width: 100%;
  min-width: 0;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px var(--_border, #ddd);
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}

.campaign-rotator {
  min-height: 40px;
  margin-top: 8px;
}

.campaign-slot-placeholder {
  min-height: 68px;
  margin-top: 8px;
  width: 100%;
}

@media (max-width: 768px) {
  .product-thumb .caption .name{
    min-height: 42px;
    margin-bottom: 3px;
  }

  .campaign-badges,
  .campaign-rotator,
  .campaign-slot-placeholder {
    min-height: 34px;
  }
}

.badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible;
  border-radius: 4px;
}

.campaign-badges > .badge:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.badge-bundle {
  --_border: var(--campaign-bundle-border, #ff7043);
  background: var(--campaign-bundle-bg, #fff2e5);
  color: var(--campaign-bundle-text, #ff7043);
}

.badge-bundle i {
  margin-right: 4px;
  color: var(--campaign-bundle-text, #e67e22);
}

.badge-gift {
  --_border: var(--campaign-gift-border, #26a69a);
  background: var(--campaign-gift-bg, #e8f8f5);
  color: var(--campaign-gift-text, #26a69a);
}

.badge-gift i {
  margin-right: 5px;
  color: var(--campaign-gift-text, #1abc9c);
}

.badge-multibuy {
  --_border: var(--campaign-multibuy-border, #ab47bc);
  background: var(--campaign-multibuy-bg, #f3e5f5);
  color: var(--campaign-multibuy-text, #ab47bc);
}

.badge-multibuy i {
  color: var(--campaign-multibuy-text, #ab47bc);
}

.badge-discount {
  --_border: var(--campaign-discount-border, #66a3ff);
  background: var(--campaign-discount-bg, #e6f2ff);
  color: var(--campaign-discount-text, #0056b3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.badge-discount i {
  margin-right: 5px;
  color: var(--campaign-discount-text, #0056b3);
}

.badge-video {
  --_border: var(--campaign-video-border, #e74c3c);
  background: var(--campaign-video-bg, #fff0f0);
  color: var(--campaign-video-text, #e74c3c);
}

.badge-video i {
  margin-right: 4px;
  color: var(--campaign-video-text, #c0392b);
}

.campaign-rotator {
  position: relative;
  height: 34px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 8px;
}

.campaign-rotator__item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s ease, transform .6s ease;
}

.campaign-rotator__item.is-active {
  opacity: 1;
}

.campaign-rotator__item i {
  font-size: 13px;
}

.campaign-rotator.is-fade .campaign-rotator__item {
  transform: scale(.985);
}

.campaign-rotator.is-fade .campaign-rotator__item.is-active {
  transform: scale(1);
}

.campaign-rotator.is-slide .campaign-rotator__item {
  transform: translateY(12px);
}

.campaign-rotator.is-slide .campaign-rotator__item.is-active {
  transform: translateY(0);
}

.campaign-rotator__item.is-bundle {
  --_border: var(--campaign-bundle-border, #ff7043);
  background: var(--campaign-bundle-bg, #fff2e5);
  color: var(--campaign-bundle-text, #ff7043);
}

.campaign-rotator__item.is-bundle i {
  color: var(--campaign-bundle-text, #e67e22);
}

.campaign-rotator__item.is-gift {
  --_border: var(--campaign-gift-border, #26a69a);
  background: var(--campaign-gift-bg, #e8f8f5);
  color: var(--campaign-gift-text, #26a69a);
}

.campaign-rotator__item.is-gift i {
  color: var(--campaign-gift-text, #1abc9c);
}

.campaign-rotator__item.is-multibuy {
  --_border: var(--campaign-multibuy-border, #ab47bc);
  background: var(--campaign-multibuy-bg, #f3e5f5);
  color: var(--campaign-multibuy-text, #ab47bc);
}

.campaign-rotator__item.is-multibuy i {
  color: var(--campaign-multibuy-text, #ab47bc);
}

.campaign-rotator__item.is-discount {
  --_border: var(--campaign-discount-border, #66a3ff);
  background: var(--campaign-discount-bg, #e6f2ff);
  color: var(--campaign-discount-text, #0056b3);
}

.campaign-rotator__item.is-discount i {
  color: var(--campaign-discount-text, #0056b3);
}

.campaign-rotator__item.is-video {
  --_border: var(--campaign-video-border, #e74c3c);
  background: var(--campaign-video-bg, #fff0f0);
  color: var(--campaign-video-text, #e74c3c);
}

.campaign-rotator__item.is-video i {
  color: var(--campaign-video-text, #c0392b);
}

@media only screen and (max-width: 768px) {
  .campaign-badges {
    margin-right: 4px;
    margin-left: 4px;
    gap: 4px;
    margin-bottom: 10px;
    min-height: 64px;
  }

  .badge {
    min-height: 28px;
    padding: 5px 2px;
    font-size: 11px;
    margin-bottom: 0;
    gap: 4px;
  }

  .badge-bundle i,
  .badge-gift i,
  .badge-multibuy i,
  .badge-discount i,
  .badge-video i {
    margin-right: 2px;
  }

  .campaign-rotator {
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 10px;
    height: 30px;
  }

  .campaign-rotator__item {
    padding: 5px 8px;
    font-size: 11px;
    gap: 4px;
  }

  .campaign-rotator__item i {
    font-size: 11px;
  }

  .sepette-indirim-badge {
    font-size: 10px;
    gap: 3px;
    padding: 6px 4px;
  }

  .sepette-indirim-badge .extra-info {
    display: none;
  }
}