/** Shopify CDN: Minification failed

Line 22:10 Expected identifier but found whitespace
Line 22:12 Unexpected "{"
Line 22:21 Expected ":"
Line 22:48 Unexpected "0"
Line 22:51 Unexpected "{"
Line 22:60 Expected ":"
Line 22:89 Expected ":"
Line 60:12 Expected identifier but found whitespace
Line 60:14 Unexpected "{"
Line 60:22 Expected ":"
... and 1 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-shoe-cards (INDEX:4) */
.shoe-section {
  padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px;
}

.shoe-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow-x: auto;
  padding: 40px;
}

.shoe-card {
  position: relative;
  width: 360px;
  min-height: 500px;
  border-radius: 30px;
  padding: 30px;
  color: #fff;
  flex-shrink: 0;
  transition: all .4s ease;
  margin-left: -50px;
  overflow: hidden;
}
.shoe-card:hover .shoe-image{
    transform: scale(1.4);
}

.shoe-card:first-child {
  margin-left: 0;
}

.shoe-card:hover {
  transform: translateY(-15px);
  z-index: 10;
}

.shoe-price {
  text-align: right;
  font-size: {{section.settings.title_size}}px;
  /* font-size: 32px; */
  font-weight: 700;
}

.shoe-title {
  font-size: 40px;
  font-weight: 700;
  /* margin-top: 20px; */
  line-height: 40px;
}

.shoe-desc {
  margin-top: 15px;
  opacity: .9;
  line-height: 1.5;
}

.bg-word {
  position: absolute;
  bottom: 120px;
  left: 20px;
  font-size: 180px;
  font-weight: 900;
  opacity: .12;
  line-height: 1;
  pointer-events: none;
}

.shoe-image {
    position: absolute;
    text-align: center;
    bottom: 30px;
    left: -50px;
    transition: all 0.5s ease-in-out;
}

.shoe-image img {
    width: 80%;
    max-width: none;
    transform: rotate(-10deg);
    height: auto;
    filter: drop-shadow(8px 12px 6px black);
}

.shoe-btn {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
}

.shoe-btn a {
  display: block;
  text-align: center;
  padding: 15px;
  border-radius: 50px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
  color: white;
  text-decoration: none;
  font-weight: 600;
}
.shoe-btn a:hover{
    color: #ffffff;
}

@media(max-width:768px){

  .shoe-wrapper{
      justify-content:flex-start;
      padding:20px;
  }

  .shoe-card{
      width:300px;
      margin-left:-40px;
  }

  .shoe-title{
      font-size:28px;
  }

  .bg-word{
      font-size:120px;
  }
}
/* END_SECTION:custom-shoe-cards */