/* CASE2CASE_CARBON_STANDALONE_GALLERY_V1_0_4_BEGIN */

#pdp-media-card.c2c-carbon-v104-card{
  position:relative;
  overflow:hidden;
}

.c2c-carbon-v104-gallery{
  width:100%;
  height:100%;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.c2c-carbon-v104-gallery::-webkit-scrollbar{
  display:none;
}

.c2c-carbon-v104-slide{
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background:#fff;
}

.c2c-carbon-v104-slide #pdp-main-image,
.c2c-carbon-v104-video{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
  border:0;
  background:#fff;
}

.c2c-carbon-v104-video{
  cursor:pointer;
}

.c2c-carbon-v104-nav{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 20px rgba(15,23,42,.10);
  backdrop-filter:blur(8px);
}

.c2c-carbon-v104-dots{
  display:flex;
  align-items:center;
  gap:7px;
}

.c2c-carbon-v104-dot{
  appearance:none;
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#b9c1cc;
  cursor:pointer;
  transition:width .18s ease, border-radius .18s ease, background .18s ease;
}

.c2c-carbon-v104-dot.is-active{
  width:22px;
  border-radius:999px;
  background:#111;
}

.c2c-carbon-v104-arrow{
  appearance:none;
  position:absolute;
  top:50%;
  z-index:9;
  width:44px;
  height:44px;
  margin-top:-22px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 22px rgba(15,23,42,.13);
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:31px;
  line-height:1;
  transition:opacity .15s ease, transform .15s ease;
}

.c2c-carbon-v104-arrow:hover{
  transform:scale(1.04);
}

.c2c-carbon-v104-arrow:disabled{
  opacity:.24;
  cursor:default;
  transform:none;
}

.c2c-carbon-v104-prev{
  left:14px;
}

.c2c-carbon-v104-next{
  right:14px;
}

@media (max-width: 760px){
  .c2c-carbon-v104-arrow{
    display:none;
  }
  .c2c-carbon-v104-nav{
    bottom:10px;
  }
}

/* CASE2CASE_CARBON_STANDALONE_GALLERY_V1_0_4_END */
