.variant-option-title {
  max-width: 200px;
  width: 200px;
}
.multi-curr-options {
  /*border: 1px solid #272334;*/
  margin: 5px 0;
  border-radius: 13px;
  padding: 13px;
}
  #options-ui {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  }
  #decimalPrecisionInput {
    width: 80px !important;
  }
.counter-updown {
    background-color: var(--primary) !important;
    color: white !important;
    padding: 3px 10px;
    width: 30px;
    padding: px;
    border: 0px !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
/* Basic checkbox styling */
/* Basic checkbox styling */
input[type="checkbox" i] {
    transform: scale(1.5) !important;
    margin: 3px 3px 3px 4px !important;
    cursor: pointer !important;
}

/* Style when the checkbox is checked */
input[type="checkbox" i]:checked {
    /*background-color: pink !important;*/
}
  #page {
    max-width: 1800px !important;
  }
/* Define styles for each specific column size */
/* Apply styling to specific column sizes in a 12-column system */
[class*="sqs-col-"] {
    box-sizing: border-box;
}

/* Define styles for each specific column size */
.sqs-col-2 {
    max-width: 16.6667% !important;
    width: 16.6667% !important;
}

.sqs-col-3 {
    max-width: 25% !important;
    width: 25% !important;
}

.sqs-col-4 {
    max-width: 33.3333% !important;
    width: 33.3333% !important;
}

.sqs-col-5 {
    max-width: 41.6667% !important;
    width: 41.6667% !important;
}

.sqs-col-6 {
    max-width: 50% !important;
    width: 50% !important;
}

.sqs-col-7 {
    max-width: 58.3333% !important;
    width: 58.3333% !important;
}

.sqs-col-8 {
    max-width: 66.6667% !important;
    width: 66.6667% !important;
}

.sqs-col-9 {
    max-width: 75% !important;
    width: 75% !important;
}

.sqs-col-10 {
    max-width: 83.3333% !important;
    width: 83.3333% !important;
}

.sqs-col-11 {
    max-width: 91.6667% !important;
    width: 91.6667% !important;
}

.sqs-col-12 {
    max-width: 100% !important;
    width: 100% !important;
}
@media only screen and (max-width: 800px) {
    [class*="sqs-col-"] {
        max-width: 100% !important;
        width: 100% !important;
    }
}
  :root {
    --primary: #F15A29 !important;
}
a:hover {
    color: #272334 !important;
    text-decoration: underline;
}