/** Shopify CDN: Minification failed

Line 11:19 Expected identifier but found whitespace
Line 11:21 Unexpected "{"
Line 11:30 Expected ":"
Line 11:59 Expected ":"

**/
  .section--three-columns {
    margin: 0 auto;
    padding-bottom: {{ section.settings.bottom_padding }}px;
    overflow: hidden;
  }
  
  .three-columns-container {
    display: flex;
    height: var(--section-height, 80vh);
  }
  
  .column-item {
    flex: 1;
    position: relative;
    transition: all 0.5s ease;
    overflow: hidden;
  }
  
  .column-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    z-index: 2;
  }
  
  .column-item-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
  }
  
  .column-item-wrap {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  
  .column-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 1;
  }
  
  /* Background animations */
  .animate-bg {
    opacity: 0;
    transform: scale(1.05);
    animation: fadeInBg 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
  
  @keyframes fadeInBg {
    0% {
      opacity: 0;
      transform: scale(1.05);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  
  /* Stagger animations for each column */
  .three-columns-container .column-item:nth-child(1) .animate-bg {
    animation-delay: 0.1s;
  }
  
  .three-columns-container .column-item:nth-child(2) .animate-bg {
    animation-delay: 0.25s;
  }
  
  .three-columns-container .column-item:nth-child(3) .animate-bg {
    animation-delay: 0.4s;
  }
  
  .column-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: var(--color-overlay-alpha, 0);
    z-index: 2;
  }
  
  .column-content {
    position: relative;
    height: 100%;
    padding: 2rem;
    z-index: 3;
  }
  
  .column-title {
    margin-bottom: 1rem;
  }
  
  .column-description {
    margin-bottom: 1.5rem;
  }
  
  /* Content positioning classes */
  .content-overlay--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .content-overlay--top-center {
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }
  
  .content-overlay--top-right {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
  }
  
  .content-overlay--middle-left {
    align-items: flex-start;
    justify-content: center;
  }
  
  .content-overlay--middle-center {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .content-overlay--middle-right {
    align-items: flex-end;
    justify-content: center;
    text-align: right;
  }
  
  .content-overlay--bottom-left {
    align-items: flex-start;
    justify-content: flex-end;
  }
  
  .content-overlay--bottom-center {
    align-items: center;
    justify-content: flex-end;
    text-align: center;
  }
  
  .content-overlay--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  
  .with-divider::after {
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    height: 80%;
    width: 1px;
    background-color: rgba(255,255,255,0.3);
    z-index: 4;
  }
  
  /* Wave effect */
  .wave-effect-container {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
  }
  
  .wave-effect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23ffffff"/></svg>') repeat-x;
    background-size: 1600px 100%;
    animation: wave 25s linear infinite;
    transform: translateX(0);
    opacity: 0.2;
  }
  
  .wave1 {
    animation-delay: 0s;
    animation-duration: 20s;
  }
  
  .wave2 {
    animation-delay: -5s;
    animation-duration: 23s;
    opacity: 0.1;
  }
  
  .wave3 {
    animation-delay: -2s;
    animation-duration: 18s;
    opacity: 0.15;
  }
  
  .wave4 {
    animation-delay: -7s;
    animation-duration: 25s;
    opacity: 0.07;
  }
  
  @keyframes wave {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
  }
  
  /* Badge styles */
  .column-badge-container {
    position: absolute;
    z-index: 5;
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
  }
  
  .badge-position--top {
    top: 20px;
  }
  
  .badge-position--middle {
    top: 50%;
    transform: translateY(-50%);
  }
  
  .badge-position--bottom {
    bottom: 20px;
  }
  
  .column-badge {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transform: rotate(-5deg);
  }
  
  .badge-animated {
    animation: pulseBadge 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
  
  @keyframes pulseBadge {
    0% {
      transform: rotate(-5deg) scale(1);
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }
    50% {
      transform: rotate(-2deg) scale(1.1);
      box-shadow: 0 8px 15px rgba(0,0,0,0.25);
    }
    100% {
      transform: rotate(-5deg) scale(1);
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }
  }
  
  /* Mobile styles */
  @media screen and (max-width: 767px) {
    .three-columns-container {
      flex-direction: column;
      height: auto;
    }
    
    .column-item {
      height: 300px;
      flex-basis: 100% !important;
      margin-bottom: var(--column-gap, 20px);
    }
    
    .with-divider::after {
      display: none;
    }
  }