/** Shopify CDN: Minification failed

Line 25:0 Unexpected "<"
Line 229:2 Unexpected "<"

**/


/* CSS from section stylesheet tags */
.policy-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
.policy-box {
  flex: 1 1 45%;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.policy-box ul {
  padding-left: 20px;
  list-style-type: disc;
}
<style>
  .audio-accessory-wrapper {
    padding: 20px;
  }
  .audio-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  #shopify-section-template--24612827365671__custom_two_column_feature_4iKQ3C .section{
    padding-block-start: 0px !important;
    padding-block-end: 0px !important;
  }
  #shopify-section-template--24613143281959__custom_two_column_feature_4iKQ3C .section,
  #shopify-section-template--24613143314727__custom_two_column_feature_4iKQ3C .section{
     padding-block-end: 0px !important;
  }
  .audio-card {
    background-color: #111216;
    color: #fff;
border-radius: 10.3px;
    padding: 30px 50px;
    border: 1px solid #333;
    box-shadow: 0 0 10px rgba(255,255,255,0.05);
    bottom: 10px;
    transition: transform 0.3s ease;
    position: relative;
opacity: 1;
border-width: 3px;

  }
  .audio-card:hover {
    transform: translateY(-5px);
    /* border: 1px solid transparent;
    background:               linear-gradient(90deg, var(--hover-gradient-start), var(--hover-gradient-end)) border-box; */
  }
  .audio-icon {
    font-size: 24px;
    padding-left: 6px;
    padding-bottom: 20px;
  }
  .audio-title {
    font-family: Titillium Web;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 46px;
  }
  .audio-highlight {
    display: inline;
    background: linear-gradient(90deg, var(--highlight-color), #FF6670);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    font-weight: 600;
  }
  .audio-desc {
    color: #ccc;
    font-size: 18px;
    margin-top: 10px;
  }
  .audio-link {
    margin-top: 50px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    color: #ff6600;
    text-decoration: none;
  }
  .audio-link .arrow {
    background-color: var(--button-color);
    color: #fff;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .audio-card:hover {
    transform: translateY(-5px);
    border: 5px solid transparent;
    background:
      linear-gradient(#111216, #111216) padding-box,
      linear-gradient(90deg, #5768DA, #FFBE3C, #FF7B45, #B86ECC, #33B8F6) border-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
  }
    .swiper-slide{
      margin-bottom: 20px;
      padding: 10px;
    }

  @media (max-width: 767px) {
    .audio-grid {
      display: none;
    }
    .swiper {
      display: block;
    }
    .audio-title {
    font-family: Titillium Web;
    font-size: 28px !important;
    font-weight: bold;
    margin-top: 12px;
  }
    .swiper-slide {
      margin-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
  }
  .audio-highlight{
    display:block;
  }
  .audio-title br{
    display: none;
  }
   .audio-title{
    line-height: 1.3;
   }
  }

  @media (min-width: 768px) {
    .swiper {
      display: none;
      gap: 10px;

    }
  }

  @media (min-width: 1900px) and (max-width: 2024px) {
  .audio-grid {
      padding: 48px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    padding-left: 148px;
      padding-right: 148px;
  }
    .audio-desc {
      color: #ccc;
      font-size: 20px;
      margin-top: 8px;
  }
    .audio-link {
      margin-top: 16px;
      display: inline-flex;
      align-items: center;
      font-weight: 600;
      font-size: 20px;
      color: var(--button-color);
      text-decoration: none;
  }
  }

  /* iPad Pro styles here */
  @media (min-width: 768px) and (max-width: 1366px) {
    .audio-title {
      font-family: Titillium Web;
      font-size: 32px !important;
      font-weight: 600 !important;
  }
    .audio-highlight{
      font-size: 32px !important;
      font-weight: 600 !important;
    }
  }
    /* iPad Mini - Portrait */
  @media (min-width: 744px) and (max-width: 768px) {
    /* Styles for portrait */
    .audio-icon {
    font-size: 24px;
    padding-left: 6px;
       padding-bottom: 8px;
  }
     .audio-title {
      font-family: Titillium Web;
      font-size: 22px !important;
      font-weight: 600 !important;
  }
    .audio-highlight{
      font-size: 22px !important;
      font-weight: 600 !important;
    }
  }

  /* Make all icons the same visual size */
.audio-icon-img,
.audio-icon-svg svg {
  width: 36px;       
  height: 36px;      
  display: block;
  object-fit: contain;
}

/* Center icons nicely */
.audio-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 4px;
  padding-bottom: 14px;
}

  </style>