@charset "utf-8";

.cold-slider-wrapper { width: 100%; max-width: 600px; margin: 40px auto; padding: 0px 15px; position: relative; z-index: 1; }

.cold-slider-container { position: relative; width: 100%; padding-top: 100%; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 18px 45px; background: rgb(0, 0, 0); }

.cold-slider-inner { position: absolute; inset: 0px; }

.cold-slider-slide { display: flex; align-items: center; justify-content: center; background: rgb(0, 0, 0); }

.cold-slider-slide img { width: 100%; height: 100%; object-fit: inherit; transition: transform 1s; }

.cold-slider-slide-active img { transform: scale(1.03); }

.cold-slider-controls { display: flex; justify-content: center; gap: 32px; margin-top: 24px; }

.cold-slider-btn { width: 52px; height: 52px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }

.cold-slider-btn:hover { background: rgb(245, 245, 245); border-color: rgb(204, 204, 204); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }

.cold-slider-btn svg { width: 22px; height: 22px; fill: rgb(51, 51, 51); transition: fill 0.3s; }

.cold-slider-btn:hover svg { fill: rgb(0, 170, 255); }