/** Shopify CDN: Minification failed

Line 44:0 Unexpected "{"
Line 44:1 Expected identifier but found "%"
Line 48:0 Unexpected "{"
Line 48:1 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.page-scroll-container {
  display: flex;
  gap: 2rem;
  margin-top: 3rem;
}
.page-scroll-sidebar {
  flex: 1;
  position: sticky;
  top: 3rem;
}
.page-scroll-sidebar h2 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.page-scroll-sidebar ul {
  list-style: none;
  padding: 0;
}
.page-scroll-sidebar li {
  margin-bottom: 0.5rem;
}
.page-scroll-sidebar a {
  color: #333;
  text-decoration: underline;
}
.page-scroll-content {
  flex: 3;
}
.page-scroll-sidebar ul li a:hover {
    color: #fdcf00 !important;
}

{% if section.settings.scroll_behavior == 'native' %}
html {
  scroll-behavior: smooth;
}
{% endif %}
.color-options-section {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}
    .color-options-section {
      text-align: center;
      padding: 2rem;
    }
    
    .color-options-title {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 2rem;
    }
    
    .color-options-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 2rem;
      align-items: center;
    }
    
    .color-option {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .color-option img {
      max-width: 100%;
      height: auto;
    }
    
    .color-name {
      margin: 1rem 0 0.5rem;
      font-size: 1.8rem;
    }
    
    .buy-button {
        text-decoration: none;
    transition: background-color .3s;
    color: #f6f6f6;
    font-size: 1rem;
    font-weight: 400;
    Background-color: #222;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 5px #00000075;
    border-radius: 100px;
    padding: 15px 40px;
    }
    
    .buy-button:hover {
        background: transparent;
        color: #222;
    }