@media(min-width:576px) {
    .container-primary {
        max-width: 576px
    }
}

@media(min-width:768px) {
    .container-primary {
        max-width: 768px
    }
}

@media(min-width:1023px) {
    .container-primary {
        max-width: 1023px
    }
}

@media(min-width:1400px) {
    .container-primary {
        max-width: 1400px
    }
}

.container-primary {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container-primary {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:1023px) {
    .container-primary {
        width: 100%;
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:1400px) {
    .container-primary {
        width: 100%;
        padding-right: 130px;
        padding-left: 130px;
        margin-right: auto;
        margin-left: auto
    }
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

footer {
    display: block
}

body {
    margin: 0;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

b {
    font-weight: bolder
}

a {
    color: #000;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: theme-color("primary");
    text-decoration: none
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

label {
    display: inline-block;
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-6,
.col-md-6,
.col-sm-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:576px) {

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(min-width:768px) {

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(min-width:1023px) {

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.form-check-label {
    margin-bottom: 0
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: var(--btn-font-size, 16px);
    line-height: 1.6;
    border-radius: var(--btn-border-radius, 27.5px);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #333;
    text-decoration: none
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #6e45e240
}

.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4f21d3;
    border-color: #4b1fc8
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #8461e680
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #464646
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #7d7d7d80
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #333;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #e0ac0e80
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
    color: #333;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #dadbdc80
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #6e45e2;
    border-color: #6e45e2
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #6e45e280
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #666;
    border-color: #666
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #66666680
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #333;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
    color: #333;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-block {
    display: block;
    width: 100%
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

.bg-white {
    background-color: #fff !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex {
    display: flex !important
}

.flex-column {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-center {
    align-items: center !important
}

.align-self-center {
    align-self: center !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-relative {
    position: relative !important
}

@supports (position: sticky) {}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.px-2 {
    padding-right: .5rem !important
}

.px-2 {
    padding-left: .5rem !important
}

.mx-n2 {
    margin-right: -.5rem !important
}

.mx-n2 {
    margin-left: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mx-auto {
    margin-right: auto !important
}

.mx-auto {
    margin-left: auto !important
}

@media(min-width:576px) {

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pl-sm-2 {
        padding-left: .5rem !important
    }
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-bold {
    font-weight: 700 !important
}

body {
    text-align: start
}

:root {
    --gray-body: #4D4D4D;
    --black: #000;
    --white: #fff;
    --gray-hard: #909090;
    --gray-medium: #D6D6D6;
    --gray-soft: #EFEFEF;
    --gray-bg: #F1F4F8;
    --gray-boarder: #CCCCCC;
    --error: #EA3323;
    --red: #C73126;
    --attention: #FFB800;
    --success: #9FEA3F;
    --green: #1AC70E;
    --blue: #0038FF
}

.order-page {
    background: #f1f4f8;
    color: #282828
}

.order-page .btn-pay {
    padding: 13px 0;
    white-space: normal;
    color: #fff;
    font-size: 16px;
    background-color: #1ac70e;
    border: 1px solid rgba(0, 0, 0, .13);
    border-bottom: 4px solid rgba(0, 0, 0, .13);
    border-radius: 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.order-page .order-pay {
    font-size: 1rem
}

.order-page .order-pay b {
    color: #008900
}

@media(max-width:1022.98px) {
    .order-page {
        padding-top: 20px
    }
}

.order-form select {
    -webkit-appearance: none;
    border-radius: 0
}

.order-quantity-options__badge {
    min-width: 100%;
    bottom: 0
}

.iti {
    width: 100%;
    font-weight: 700
}

.iti {
    width: 100%
}

.payment-method-select-grid {
    display: block;
    grid-template-columns: auto minmax(60%, 1fr);
    min-width: 60%;
    width: 100%;
    grid-auto-rows: auto;
    justify-content: flex-start;
    row-gap: 8px
}

@media(min-width:768px) {
    .payment-method-select-grid {
        grid-template-columns: auto minmax(auto, 1fr);
        width: -moz-fit-content;
        width: fit-content
    }
}

.payment-method-select-grid .payment-method-select-logo {
    padding-left: 16px;
    padding-right: 16px;
    min-height: 46px;
    border: 1px solid #e1e1e1;
    transition: border-color .3s
}

.payment-method-select-grid .payment-method-select-grid-wrapper.active .payment-method-select-logo {
    border-color: var(--payment-method-select-wrapper-active, #1AC70E) !important
}

.payment-method-select-grid .payment-method-select-grid-wrapper>* {
    display: flex;
    margin-bottom: 8px
}

.price2 {
    font-size: 1em
}

.price2:not(.price2--line-height) {
    line-height: 1
}

.cart-box-first,
.cart-box-second {
    padding-left: 16px;
    padding-right: 16px
}

.cart-box-first {
    border-radius: 10px 10px 0 0;
    padding-top: 24px;
    padding-bottom: 44px
}

@media(min-width:768px) {
    .cart-box-first {
        border-radius: 10px;
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.cart-box-second {
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    padding-bottom: 24px
}

@media(min-width:768px) {
    .cart-box-second {
        border-radius: 10px;
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.cart-gap-2 {
    margin-bottom: 44px
}

.cart-gap-small {
    margin-bottom: 21px
}

.cart-input:not(.select2-container--open:not(.select2)) {
    background-color: #fff;
    border: 1px solid #CCCCCC;
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: var(--cart-input-font-size) !important;
    border-radius: var(--cart-input-border-radius, 0);
    min-height: var(--cart-input-min-height) !important
}

.cart-input::-moz-placeholder {
    color: #ccc
}

select.cart-input {
    /* background-image: url(); */
    background-repeat: no-repeat;
    background-position: 97% center;
    -webkit-appearance: none;
    background-size: 8px;
    color: #000
}

.cart-input-label {
    font-weight: var(--cart-input-label-font-weight, bold);
    font-size: var(--cart-input-label-font-size) !important;
    margin-bottom: 2px !important
}

* {
    -webkit-hyphens: manual;
    hyphens: manual
}

html {
    scroll-behavior: smooth
}

body {
    min-width: 320px;
    position: relative;
    min-height: 100vh;
    -webkit-text-size-adjust: none
}

img {
    max-width: 100%
}

button {
    transition: all .3s ease
}

a {
    text-decoration: none;
    transition: all .3s ease
}

p {
    margin-bottom: 22px
}

.body {
    position: relative
}

b {
    font-weight: 700 !important
}

.cursor-pointer {
    cursor: pointer
}

.gap-8 {
    gap: 8px
}

.gap-16 {
    gap: 16px
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

a {
    color: inherit;
    text-decoration: inherit
}

b {
    font-weight: bolder
}

button,
input,
select {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

p {
    margin: 0
}

input::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

button {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg {
    display: block;
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --bf-color: var(--btn-background-primary, #FF9900)
}

[type=text],
input:where(:not([type])),
[type=email],
[type=tel],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=tel]:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    /* background-image: url(""); */
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=checkbox]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

@media(forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    /* background-image: url(""); */
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

@media(forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

body {
    min-width: 320px;
    position: relative;
    min-height: 100vh;
    -webkit-text-size-adjust: none
}

p {
    margin-bottom: 22px
}

:root {
    --bf-color: #FF9900
}

.tw-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .tw-container {
        max-width: 576px
    }
}

@media(min-width:768px) {
    .tw-container {
        max-width: 768px
    }
}

@media(min-width:1023px) {
    .tw-container {
        max-width: 1023px
    }
}

@media(min-width:1400px) {
    .tw-container {
        max-width: 1400px
    }
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-start-0 {
    inset-inline-start: 0px
}

.tw-top-0 {
    top: 0
}

.tw-z-\[1\] {
    z-index: 1
}

.tw-order-1 {
    order: 1
}

.tw-order-2 {
    order: 2
}

.tw-m-0 {
    margin: 0
}

.tw-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-s16 {
    margin-bottom: 16px
}

.tw-mb-s2 {
    margin-bottom: 2px
}

.tw-mb-s4 {
    margin-bottom: 4px
}

.tw-me-s16 {
    margin-inline-end: 16px
}

.tw-me-s8 {
    margin-inline-end: 8px
}

.tw-ml-2 {
    margin-left: .5rem
}

.tw-mr-3 {
    margin-right: .75rem
}

.tw-ms-s4 {
    margin-inline-start: 4px
}

.tw-ms-s8 {
    margin-inline-start: 8px
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-s8 {
    margin-top: 8px
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-flex {
    display: flex
}

.tw-grid {
    display: grid
}

.tw-hidden {
    display: none
}

.tw-size-\[14px\] {
    width: 14px;
    height: 14px
}

.tw-h-\[16px\] {
    height: 16px
}

.tw-h-full {
    height: 100%
}

.tw-w-\[50\%\] {
    width: 50%
}

.tw-w-auto {
    width: auto
}

.tw-w-full {
    width: 100%
}

.tw-max-w-\[2000px\] {
    max-width: 2000px
}

.tw-max-w-\[90\%\] {
    max-width: 90%
}

.tw-max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.tw-flex-grow {
    flex-grow: 1
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-items-center {
    align-items: center
}

.tw-items-baseline {
    align-items: baseline
}

.tw-justify-center {
    justify-content: center
}

.tw-gap-s4 {
    gap: 4px
}

.tw-gap-s40 {
    gap: 40px
}

.tw-gap-s8 {
    gap: 8px
}

.tw-gap-x-s8 {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.tw-gap-y-s4 {
    row-gap: 4px
}

.tw-overflow-hidden {
    overflow: hidden
}

.tw-whitespace-nowrap {
    white-space: nowrap
}

.tw-rounded {
    border-radius: .25rem
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-rounded-lg {
    border-radius: .5rem
}

.\!tw-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.tw-border-2 {
    border-width: 2px
}

.tw-border-\[3px\] {
    border-width: 3px
}

.\!tw-border-selection {
    border-color: var(--selection-default, #1AC70E) !important
}

.tw-border-option {
    border-color: var(--option-default, #F9F9F9)
}

.tw-border-transparent {
    border-color: transparent
}

.\!tw-bg-\[\#F7FDF5\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(247 253 245 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-current {
    background-color: currentColor !important
}

.tw-bg-\[\#F1F4F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 244 248 / var(--tw-bg-opacity, 1))
}

.tw-bg-error-500 {
    background-color: rgb(var(--error-500))
}

.tw-bg-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 77 / var(--tw-bg-opacity, 1))
}

.tw-bg-option {
    background-color: var(--option-default, #F9F9F9)
}

.tw-bg-orderquantity-orderpage-radio-primary-active {
    background-color: rgb(var(--orderquantity-orderpage-radio-primary-active))
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.tw-bg-cover {
    background-size: cover
}

.tw-bg-\[50\%_30\%\] {
    background-position: 50% 30%
}

.tw-bg-center {
    background-position: center
}

.tw-bg-no-repeat {
    background-repeat: no-repeat
}

.tw-p-0 {
    padding: 0
}

.tw-p-\[3px\] {
    padding: 3px
}

.tw-p-s8 {
    padding: 8px
}

.tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.tw-px-container {
    padding-left: 16px;
    padding-right: 16px
}

.tw-px-s6 {
    padding-left: 6px;
    padding-right: 6px
}

.tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.tw-py-s2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.tw-py-s4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.tw-text-center {
    text-align: center
}

.\!tw-text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.tw-text-3xl {
    font-size: 2rem;
    line-height: 2.5rem
}

.tw-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.tw-text-note2 {
    font-size: .75rem;
    line-height: 1.42
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-normal {
    font-weight: 400
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-leading-\[1\.2\] {
    line-height: 1.2
}

.tw-leading-none {
    line-height: 1
}

.tw-leading-snug {
    line-height: 1.375
}

.\!tw-text-selection {
    color: var(--selection-default, #1AC70E) !important
}

.tw-text-base-black {
    color: rgb(var(--base-black))
}

.tw-text-base-white {
    color: rgb(var(--base-white))
}

.tw-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.tw-text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.tw-text-price {
    --tw-text-opacity: 1;
    color: rgb(26 199 14 / var(--tw-text-opacity, 1))
}

.tw-text-price-old {
    --tw-text-opacity: 1;
    color: rgb(177 178 179 / var(--tw-text-opacity, 1))
}

.tw-text-selection {
    color: var(--selection-default, #1AC70E)
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.tw-underline {
    text-decoration-line: underline
}

.tw-opacity-0 {
    opacity: 0
}


.tw-drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

:root {
    --moonstone-25: #fafcff;
    --moonstone-50: #f8fafc;
    --moonstone-100: #f1f5f9;
    --moonstone-200: #e2e8f0;
    --moonstone-300: #cbd5e1;
    --moonstone-400: #94a3b8;
    --moonstone-500: #64748b;
    --moonstone-600: #475569;
    --moonstone-700: #334155;
    --moonstone-800: #1e293b;
    --moonstone-900: #0f172a;
    --gravel-25: #fcfcfd;
    --gravel-50: #f9fafb;
    --gravel-100: #f2f4f7;
    --gravel-200: #e4e7ec;
    --gravel-300: #d0d5dd;
    --gravel-400: #98a2b3;
    --gravel-500: #667085;
    --gravel-600: #475467;
    --gravel-700: #344054;
    --gravel-800: #1d2939;
    --gravel-900: #101828;
    --cement-25: #fefeff;
    --cement-50: #f9fafb;
    --cement-100: #f3f4f6;
    --cement-200: #e5e7eb;
    --cement-300: #d1d5db;
    --cement-400: #9ca3af;
    --cement-500: #6b7280;
    --cement-600: #4b5563;
    --cement-700: #374151;
    --cement-800: #1f2937;
    --cement-900: #111827;
    --gray-25: #fefeff;
    --gray-50: #fafafa;
    --gray-100: #f4f4f5;
    --gray-200: #e4e4e7;
    --gray-300: #d4d4d8;
    --gray-400: #a1a1aa;
    --gray-500: #71717a;
    --gray-600: #52525b;
    --gray-700: #3f3f46;
    --gray-800: #27272a;
    --gray-900: #18181b;
    --labradorite-25: #fefeff;
    --labradorite-50: #fafafa;
    --labradorite-100: #f5f5f5;
    --labradorite-200: #e5e5e5;
    --labradorite-300: #d4d4d4;
    --labradorite-400: #a3a3a3;
    --labradorite-500: #737373;
    --labradorite-600: #525252;
    --labradorite-700: #404040;
    --labradorite-800: #262626;
    --labradorite-900: #171717;
    --retro-25: #fefefb;
    --retro-50: #fafaf9;
    --retro-100: #f5f5f4;
    --retro-200: #e7e5e4;
    --retro-300: #d6d3d1;
    --retro-400: #a8a29e;
    --retro-500: #78716c;
    --retro-600: #57534e;
    --retro-700: #44403c;
    --retro-800: #292524;
    --retro-900: #1c1917;
    --dark-green-25: #fafcfc;
    --dark-green-50: #f7fbfa;
    --dark-green-100: #f1f6f4;
    --dark-green-200: #dfeae6;
    --dark-green-300: #c9dad4;
    --dark-green-400: #8faca2;
    --dark-green-500: #5d7c72;
    --dark-green-600: #3f5d53;
    --dark-green-700: #2c4a40;
    --dark-green-800: #173028;
    --dark-green-900: #091f17;
    --dark-blue-25: #fcfcfd;
    --dark-blue-50: #f8f9fc;
    --dark-blue-100: #eaecf5;
    --dark-blue-200: #d5d9eb;
    --dark-blue-300: #afb5d9;
    --dark-blue-400: #717bbc;
    --dark-blue-500: #4e5ba6;
    --dark-blue-600: #3e4784;
    --dark-blue-700: #363f72;
    --dark-blue-800: #293056;
    --dark-blue-900: #101323;
    --lemon-50: 255 254 231;
    --lemon-100: 255 255 193;
    --lemon-200: 255 250 134;
    --lemon-300: 255 240 65;
    --lemon-400: 255 224 13;
    --lemon-500: 253 207 0;
    --lemon-600: 209 153 0;
    --lemon-700: 166 109 2;
    --lemon-800: 137 85 10;
    --lemon-900: 116 69 15;
    --lemon-950: 68 36 4;
    --lime-50: 240 255 238;
    --lime-100: 219 255 216;
    --lime-200: 186 254 180;
    --lime-300: 131 252 121;
    --lime-400: 69 240 56;
    --lime-500: 25 199 13;
    --lime-600: 17 180 5;
    --lime-700: 16 141 8;
    --lime-800: 17 111 12;
    --lime-900: 15 91 12;
    --lime-950: 1 51 0;
    --apple-50: 247 251 241;
    --apple-100: 236 245 224;
    --apple-200: 219 236 198;
    --apple-300: 195 223 163;
    --apple-400: 173 209 135;
    --apple-500: 143 194 91;
    --apple-600: 110 165 56;
    --apple-700: 86 126 49;
    --apple-800: 71 101 45;
    --apple-900: 63 88 42;
    --apple-950: 30 30 30;
    --tree-25: #f6fef9;
    --tree-50: #f0fdf4;
    --tree-100: #dcfce7;
    --tree-200: #bbf7d0;
    --tree-300: #86efac;
    --tree-400: #4ade80;
    --tree-500: #22c55e;
    --tree-600: #16a34a;
    --tree-700: #15803d;
    --tree-800: #166534;
    --tree-900: #14532d;
    --mint-25: #f7fdfb;
    --mint-50: #ecfdf5;
    --mint-100: #d1fae5;
    --mint-200: #a7f3d0;
    --mint-300: #6ee7b7;
    --mint-400: #34d399;
    --mint-500: #10b981;
    --mint-600: #059669;
    --mint-700: #047857;
    --mint-800: #065f46;
    --mint-900: #064e3b;
    --electro-25: #f7fdfd;
    --electro-50: #f0fdfa;
    --electro-100: #ccfbf1;
    --electro-200: #99f6e4;
    --electro-300: #5eead4;
    --electro-400: #2dd4bf;
    --electro-500: #14b8a6;
    --electro-600: #0d9488;
    --electro-700: #0f766e;
    --electro-800: #115e59;
    --electro-900: #134e4a;
    --sea-25: #f7fdfe;
    --sea-50: #f2fcfc;
    --sea-100: #d3f6f7;
    --sea-200: #a6edef;
    --sea-300: #70dee5;
    --sea-400: #3dc7d9;
    --sea-500: #23abbf;
    --sea-600: #158ba2;
    --sea-700: #0e718b;
    --sea-800: #0a5c76;
    --sea-900: #0b4d63;
    --ice-25: #f5fbff;
    --ice-50: #f0f9ff;
    --ice-100: #e0f2fe;
    --ice-200: #b9e6fe;
    --ice-300: #7cd4fd;
    --ice-400: #36bffa;
    --ice-500: #0ba5ec;
    --ice-600: #0086c9;
    --ice-700: #026aa2;
    --ice-800: #065986;
    --ice-900: #094162;
    --sky-25: #f5faff;
    --sky-50: #eff8ff;
    --sky-100: #e0f2ff;
    --sky-200: #b2ddff;
    --sky-300: #84caff;
    --sky-400: #53b1fd;
    --sky-500: #2e90fa;
    --sky-600: #1570ef;
    --sky-700: #175cd3;
    --sky-800: #1849a9;
    --sky-900: #194185;
    --violet-25: #f5f8ff;
    --violet-50: #eef4ff;
    --violet-100: #e0eaff;
    --violet-200: #c7d7fe;
    --violet-300: #a4bcfd;
    --violet-400: #8098f9;
    --violet-500: #6172f3;
    --violet-600: #444ce7;
    --violet-700: #3538cd;
    --violet-800: #2d31a6;
    --violet-900: #2d3282;
    --levander-25: #fafaff;
    --levander-50: #f9f5ff;
    --levander-100: #f3f3ff;
    --levander-200: #e9e9fe;
    --levander-300: #d8d7fd;
    --levander-300-aa: #B9A8FC2E;
    --levander-400: #b9b7fb;
    --levander-400-aa: #A38AFA54;
    --levander-500: #978ef7;
    --levander-600: #7460f2;
    --levander-700: #522cd5;
    --levander-800: #4424b3;
    --levander-900: #3a2092;
    --levander-950: #211263;
    --amethyst-25: #fcfaff;
    --amethyst-50: #f9f5ff;
    --amethyst-100: #f4ebff;
    --amethyst-200: #e9d7fe;
    --amethyst-300: #d6bbfb;
    --amethyst-400: #b692f6;
    --amethyst-500: #9e77ed;
    --amethyst-600: #7f56d9;
    --amethyst-700: #6941c6;
    --amethyst-800: #53389e;
    --amethyst-900: #34226f;
    --vivid-25: 252 249 254;
    --vivid-50: 249 241 253;
    --vivid-100: 255 235 253;
    --vivid-200: 234 207 247;
    --vivid-300: 219 167 241;
    --vivid-400: 200 119 231;
    --vivid-500: 175 82 222;
    --vivid-600: 146 43 197;
    --vivid-700: 129 25 178;
    --vivid-800: 113 17 152;
    --vivid-900: 84 7 113;
    --pink-25: #fef6fb;
    --pink-50: #fdf2fa;
    --pink-100: #fce7f6;
    --pink-200: #fcceee;
    --pink-300: #faa7e0;
    --pink-400: #f670c7;
    --pink-500: #ee46bc;
    --pink-600: #dd2590;
    --pink-700: #c11574;
    --pink-800: #9e165f;
    --pink-900: #760b44;
    --coral-50: #FCF3F2;
    --coral-100: #FAE8E7;
    --coral-200: #FAE8E7;
    --coral-300: #E89E9C;
    --coral-300-aa: #FEA7A32E;
    --coral-400: #FD716F;
    --coral-400-aa: #FD716F54;
    --coral-500: #FA5655;
    --coral-600: #E31B26;
    --coral-800: #9A202B;
    --coral-900: #701D28;
    --red-25: #fffbfa;
    --red-50: #fef3f2;
    --red-100: #ffece8;
    --red-200: #fecdca;
    --red-300: #fda29b;
    --red-400: #f97066;
    --red-500: #f04438;
    --red-600: #d92d20;
    --red-700: #b42318;
    --red-800: #962a22;
    --red-900: #6c0f00;
    --persik-25: #fff9f2;
    --persik-50: #fff7ed;
    --persik-100: #ffedd5;
    --persik-200: #fed7aa;
    --persik-300: #fdba74;
    --persik-400: #fb923c;
    --persik-500: #f97316;
    --persik-600: #ea580c;
    --persik-700: #c2410c;
    --persik-800: #9a3412;
    --persik-900: #7c2d12;
    --amber-25: #fffcf5;
    --amber-50: #fffaeb;
    --amber-100: #fef3c7;
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    --amber-400: #fbbf24;
    --amber-500: #f59e0b;
    --amber-600: #d97706;
    --amber-700: #b45309;
    --amber-800: #92400e;
    --amber-900: #78350f;
    --sun-25: #fffcef;
    --sun-50: #fefce8;
    --sun-100: #fef9c3;
    --sun-200: #fef08a;
    --sun-300: #fde047;
    --sun-400: #facc15;
    --sun-500: #eab308;
    --sun-600: #ca8a04;
    --sun-700: #a16207;
    --sun-800: #854d0e;
    --sun-900: #713f12;
    --sunflower-50: 252 252 238;
    --sunflower-100: 250 249 211;
    --sunflower-200: 247 244 178;
    --sunflower-300: 242 237 134;
    --sunflower-300-aa: #F9F3762E;
    --sunflower-400: 244 231 27;
    --sunflower-400-aa: #F4E71B54;
    --sunflower-500: 226 211 14;
    --sunflower-600: 197 171 9;
    --sunflower-800: 122 99 42;
    --sunflower-900: 101 78 39;
    --basil-50: #effbf0;
    --basil-100: #d8f5d8;
    --basil-200: #b4eab7;
    --basil-300: #70d379;
    --basil-300-aa: #6CE97C2E;
    --basil-400: #32d54d;
    --basil-400-aa: #32D54D54;
    --basil-500: #12b733;
    --basil-600: #039823;
    --basil-800: #186b2d;
    --basil-900: #134620;
    --carrot-50: #fcf5f0;
    --carrot-100: #f8e7dc;
    --carrot-200: #f1d4bb;
    --carrot-300: #e5a783;
    --carrot-300-aa: #FBB1852E;
    --carrot-400: #fa986a;
    --carrot-400-aa: #FD6F8E54;
    --carrot-500: #f86d3b;
    --carrot-600: #e63410;
    --carrot-800: #9b2e22;
    --carrot-900: #67231e;
    --shadow-25: #fcfcfd;
    --shadow-50: #f8f9fc;
    --shadow-100: #eef0f6;
    --shadow-200: #e3e5ef;
    --shadow-300: #cdd1df;
    --shadow-300-aa: #D2D6DB66;
    --shadow-400: #9a9eb2;
    --shadow-500: #696e86;
    --shadow-700: #363a52;
    --shadow-900: #121426;
    --shadow-900-aa: #1119270F;
    --yellow-50: #fefced;
    --yellow-100: #fcf7d1;
    --yellow-200: #f9edae;
    --yellow-300: #f4dd80;
    --yellow-300-aa: #ffe470;
    --yellow-400: #ffc810;
    --yellow-500: #f2ae00;
    --yellow-600: #ce8700;
    --yellow-800: #865620;
    --yellow-900: #673f1f;
    --citrin-50: #FDFBED;
    --citrin-100: #F9F7D8;
    --citrin-200: #F5F4BF;
    --citrin-300: #E6E47B;
    --citrin-300-aa: #EFED6733;
    --citrin-400: #E1E13A;
    --citrin-400-aa: #E1E13A54;
    --citrin-500: #C3C61D;
    --citrin-600: #9FA30D;
    --citrin-800: #73772B;
    --citrin-900: #4D5024;
    --kiwi-50: #F1FBEF;
    --kiwi-100: #E0F7D9;
    --kiwi-200: #C0EDB5;
    --kiwi-300: #79D76F;
    --kiwi-300-aa: #86DF782E;
    --kiwi-400: #3FD92E;
    --kiwi-400-aa: #5ED45170;
    --kiwi-500: #1ABA0F;
    --kiwi-600: #089A01;
    --kiwi-800: #176B17;
    --kiwi-900: #114711;
    --azure-50: 230 243 255;
    --azure-100: 184 220 255;
    --azure-200: 138 198 255;
    --azure-300: 92 176 255;
    --azure-300-aa: #84CAFF2E;
    --azure-400: 46 154 255;
    --azure-400-aa: #51B1FF54;
    --azure-500: 0 132 253;
    --azure-600: 0 108 209;
    --azure-700: 0 84 163;
    --azure-800: 0 61 117;
    --azure-900: 0 37 71;
    --azure-950: 0 13 26;
    --fog-25: #FCFCFC;
    --fog-50: #FAFAFA;
    --fog-100: #F4F4F5;
    --fog-200: #E4E4E7;
    --fog-300: #D1D1D6;
    --fog-300-aa: #D1D1D699;
    --fog-400: #A0A0AB;
    --fog-500: #71717B;
    --fog-700: #3F3F46;
    --fog-900: #18181B;
    --fog-900-aa: #18181B0F;
    --sea-green-50: 234 255 243;
    --sea-green-100: 205 254 225;
    --sea-green-200: 160 250 202;
    --sea-green-300: 99 242 174;
    --sea-green-400: 37 226 142;
    --sea-green-500: 0 181 107;
    --sea-green-600: 0 164 97;
    --sea-green-700: 0 131 82;
    --sea-green-800: 0 103 66;
    --sea-green-900: 0 85 55;
    --sea-green-950: 0 48 32;
    --grape-50: 249 245 255;
    --grape-100: 241 231 255;
    --grape-200: 230 212 255;
    --grape-300: 210 178 255;
    --grape-400: 183 129 255;
    --grape-500: 144 61 250;
    --grape-600: 133 47 238;
    --grape-700: 113 30 210;
    --grape-800: 97 30 171;
    --grape-900: 80 26 137;
    --grape-950: 52 5 102;
    --strawbery-50: 253 241 241;
    --strawbery-100: 252 223 223;
    --strawbery-200: 250 197 197;
    --strawbery-300: 245 157 157;
    --strawbery-400: 237 101 100;
    --strawbery-500: 220 38 37;
    --strawbery-600: 172 44 43;
    --strawbery-700: 144 35 34;
    --strawbery-800: 119 33 32;
    --strawbery-900: 98 33 32;
    --strawbery-950: 54 12 12;
    --orange-50: 255 251 234;
    --orange-100: 255 242 197;
    --orange-200: 255 230 133;
    --orange-300: 255 210 70;
    --orange-400: 255 189 25;
    --orange-500: 255 153 0;
    --orange-600: 226 114 0;
    --orange-700: 187 77 2;
    --orange-800: 152 59 9;
    --orange-900: 124 49 10;
    --orange-950: 72 23 0;
    --asphalt-50: 248 248 248;
    --asphalt-100: 241 241 241;
    --asphalt-200: 220 220 220;
    --asphalt-300: 189 189 189;
    --asphalt-400: 152 152 152;
    --asphalt-500: 124 124 124;
    --asphalt-600: 101 101 101;
    --asphalt-700: 82 82 82;
    --asphalt-800: 70 70 70;
    --asphalt-900: 61 61 61;
    --asphalt-950: 21 21 21;
    --water-50: 235 248 255;
    --water-100: 209 236 255;
    --water-200: 173 223 255;
    --water-300: 117 204 255;
    --water-400: 51 175 255;
    --water-500: 0 132 253;
    --water-600: 0 102 232;
    --water-700: 0 84 225;
    --water-800: 7 65 175;
    --water-900: 12 59 138;
    --water-950: 12 36 83;
    --acai-50: 243 242 255;
    --acai-100: 234 233 253;
    --acai-200: 217 213 252;
    --acai-300: 187 180 249;
    --acai-400: 153 138 243;
    --acai-500: 112 81 235;
    --acai-600: 111 69 227;
    --acai-700: 89 46 194;
    --acai-800: 74 39 162;
    --acai-900: 63 34 132;
    --acai-950: 37 20 90;
    --reishi-50: 248 243 235;
    --reishi-100: 243 234 232;
    --reishi-200: 232 215 212;
    --reishi-300: 213 182 178;
    --reishi-400: 189 139 133;
    --reishi-500: 140 84 79;
    --reishi-600: 112 71 69;
    --reishi-700: 98 58 58;
    --reishi-800: 78 48 49;
    --reishi-900: 68 42 43;
    --reishi-950: 37 21 21;
    --mandarin-50: 254 246 238;
    --mandarin-100: 253 234 215;
    --mandarin-200: 249 210 175;
    --mandarin-300: 245 177 124;
    --mandarin-400: 240 135 71;
    --mandarin-500: 237 114 51;
    --mandarin-600: 221 78 25;
    --mandarin-700: 183 58 23;
    --mandarin-800: 146 47 26;
    --mandarin-900: 118 41 24;
    --mandarin-950: 63 18 11;
    --lavender-50: 250 247 253;
    --lavender-100: 243 237 250;
    --lavender-200: 234 222 246;
    --lavender-300: 217 197 237;
    --lavender-400: 194 159 225;
    --lavender-500: 167 116 209;
    --lavender-600: 149 92 193;
    --lavender-700: 126 72 168;
    --lavender-800: 107 63 138;
    --lavender-900: 87 52 111;
    --lavender-950: 59 28 79;
    --peach-50: 255 255 245;
    --peach-100: 255 254 226;
    --peach-200: 255 253 195;
    --peach-300: 255 249 165;
    --peach-400: 255 243 144;
    --peach-500: 255 230 133;
    --peach-600: 255 203 80;
    --peach-700: 253 166 34;
    --peach-800: 230 129 12;
    --peach-900: 190 106 15;
    --peach-950: 109 57 0;
    --blueneutral-50: 246 248 249;
    --blueneutral-100: 236 239 242;
    --blueneutral-200: 212 220 227;
    --blueneutral-300: 174 189 203;
    --blueneutral-400: 130 153 174;
    --blueneutral-500: 98 125 149;
    --blueneutral-600: 78 101 123;
    --blueneutral-700: 64 81 100;
    --blueneutral-800: 56 70 84;
    --blueneutral-900: 50 61 72;
    --blueneutral-950: 20 24 29;
    --levander-50: #f3f2ff;
    --levander-100: #eae9fd;
    --levander-200: #d9d5fc;
    --levander-300: #bbb4f9;
    --levander-400: #998af3;
    --levander-500: #7051eb;
    --levander-600: #6f45e3;
    --levander-700: #592ec2;
    --levander-800: #4a27a2;
    --levander-900: #3f2284;
    --levander-950: #25145a;
    --blueberry-50: 241 245 253;
    --blueberry-100: 222 232 251;
    --blueberry-200: 197 214 249;
    --blueberry-300: 158 188 245;
    --blueberry-400: 101 155 245;
    --blueberry-500: 66 119 240;
    --blueberry-600: 43 87 229;
    --blueberry-700: 35 68 210;
    --blueberry-800: 35 57 170;
    --blueberry-900: 34 53 134;
    --blueberry-950: 25 34 82;
    --rashberry-50: 255 240 243;
    --rashberry-100: 255 227 232;
    --rashberry-200: 255 202 215;
    --rashberry-300: 255 159 182;
    --rashberry-400: 255 105 145;
    --rashberry-500: 254 52 110;
    --rashberry-600: 236 18 91;
    --rashberry-700: 200 8 77;
    --rashberry-800: 167 10 72;
    --rashberry-900: 142 13 68;
    --rashberry-950: 80 1 32;
    --rangoongreen-50: 247 247 246;
    --rangoongreen-100: 229 230 225;
    --rangoongreen-200: 204 205 194;
    --rangoongreen-300: 170 172 156;
    --rangoongreen-400: 134 138 119;
    --rangoongreen-500: 107 111 93;
    --rangoongreen-600: 84 88 73;
    --rangoongreen-700: 70 72 61;
    --rangoongreen-800: 58 60 51;
    --rangoongreen-900: 51 52 45;
    --rangoongreen-950: 38 40 33;
    --ceramic-50: 250 254 250;
    --skyline-50: 250 253 255;
    --base-white: 255 255 255;
    --base-black: 1 1 1;
    --campaigns-elements-white-60: 255 255 255;
    --campaigns-elements-white: 255 255 255;
    --campaigns-elements-black: 1 1 1;
    --campaigns-backgrounds-blue: 39 88 249;
    --campaigns-backgrounds-light-blue: 61 111 246;
    --campaigns-backgrounds-grey: 58 58 58;
    --campaigns-elements-red: 255 0 0;
    --campaigns-elements-yellow: 255 166 1;
    --campaigns-backgrounds-yellow-gradient: linear-gradient(90deg, #ffd301 0%, #ffbc01 10%, #ffa601 20%, #ffa900 30%, #ffb101 40%, #eb8d01 50%, #e8a400 60%, #eeb301 70%, #ed9b00 80%, #ee8f00 100%);
    --campaigns-backgrounds-yellow-blue: linear-gradient(90deg, #000000 0%, #2758F9 100%);
    --campaigns-elements-black-16: 1 1 1;
    --campaigns-elements-white-16: 255 255 255;
    --campaigns-elements-pink: 241 39 125;
    --campaigns-backgrounds-light-green: 5 165 37;
    --campaigns-backgrounds-green: 48 109 60;
    --campaigns-elements-white-80: 255 255 255;
    --campaigns-backgrounds-purple: 104 46 146;
    --upsells-blue: 0 132 253;
    --upsells-green: 26 199 14;
    --upsells-blue-bg: 250 253 255;
    --upsells-green-bg: 250 254 250;
    --upsells-grey: 226 226 226;
    --upsells-red: 240 53 53;
    --upsells-text-neutral: 144 144 144;
    --upsells-background-neutral: 248 248 248;
    --order-page-background: 246 248 249;
    --boston-blue-50: 238 247 251;
    --boston-blue-100: 212 235 245;
    --boston-blue-200: 169 213 235;
    --boston-blue-300: 105 192 227;
    --boston-blue-400: 62 168 213;
    --boston-blue-500: 0 103 145;
    --boston-blue-600: 0 90 126;
    --boston-blue-700: 0 77 108;
    --boston-blue-800: 0 63 88;
    --boston-blue-900: 0 50 72;
    --boston-blue-950: 0 37 58;
    --forest-green-50: 240 250 245;
    --forest-green-100: 214 241 228;
    --forest-green-200: 179 231 203;
    --forest-green-300: 125 212 169;
    --forest-green-400: 75 191 136;
    --forest-green-500: 29 128 90;
    --forest-green-600: 24 112 79;
    --forest-green-700: 19 95 67;
    --forest-green-800: 15 79 56;
    --forest-green-900: 10 63 44;
    --forest-green-950: 7 46 32;
    --campaigns-elements-purple: 108 108 255;
    --campaigns-elements-blue: 50 54 230;
    --campaigns-backgrounds-light-red: 250 200 224;
    --campaigns-backgrounds-violet: 211 211 255;
    --campaigns-elements-dark-red: 199 19 28;
    --rounded-none: 0;
    --rounded-sm: 2px;
    --rounded: 4px;
    --rounded-md: 6px;
    --rounded-lg: 8px;
    --rounded-xl: 12px;
    --rounded-2xl: 16px;
    --rounded-3xl: 24px;
    --rounded-full: 9999px
}

:root {
    --derila-neutral-800: var(--gravel-800);
    --derila-neutral-700: var(--gravel-700);
    --derila-neutral-500: var(--gravel-500);
    --derila-neutral-400: var(--gravel-400);
    --derila-neutral-300: var(--gravel-300);
    --derila-neutral-200: var(--gravel-200);
    --derila-neutral-100: var(--gravel-100);
    --derila-neutral-50: var(--gravel-50);
    --derila-neutral-25: var(--gravel-25);
    --derila-primary-500: var(--sky-500);
    --derila-primary-400: var(--sky-400);
    --derila-primary-50: var(--sky-50);
    --derila-primary-100: var(--sky-100);
    --derila-primary-200: var(--sky-200);
    --derila-primary-700: var(--sky-700);
    --derila-primary-900: var(--sky-900);
    --derila-primary-600: var(--sky-600);
    --derila-primary-300: var(--sky-300);
    --derila-discount-900: var(--vivid-900);
    --derila-discount-700: var(--vivid-700);
    --derila-discount-600: var(--vivid-600);
    --derila-discount-500: var(--vivid-500);
    --derila-discount-400: var(--vivid-400);
    --derila-discount-300: var(--vivid-300);
    --derila-discount-200: var(--vivid-200);
    --derila-discount-100: var(--vivid-100);
    --derila-positive-900: var(--tree-900);
    --derila-positive-700: var(--tree-700);
    --derila-positive-600: var(--tree-600);
    --derila-positive-500: var(--tree-500);
    --derila-positive-400: var(--tree-400);
    --derila-positive-300: var(--tree-300);
    --derila-positive-200: var(--tree-200);
    --derila-positive-100: var(--tree-100);
    --derila-error-900: var(--red-900);
    --derila-error-700: var(--red-700);
    --derila-error-600: var(--red-600);
    --derila-error-500: var(--red-500);
    --derila-error-400: var(--red-400);
    --derila-error-300: var(--red-300);
    --derila-error-200: var(--red-200);
    --derila-error-100: var(--red-100);
    --derila-alpha-discount: #eacff766;
    --derila-alpha-primary: #c5edff66;
    --derila-alpha-positive: #87f6b366;
    --derila-alpha-error: #fecdca66;
    --derila-alpha-neutral: #e4e7ec99;
    --derila-alpha-dark: #1b29450D;
    --white: #ffffff;
    --black: #000000;
    --consumers-rate-primary-900: var(--dark-green-900);
    --consumers-rate-discount-900: #000000;
    --consumers-rate-discount-700: #000000;
    --consumers-rate-discount-600: #000000;
    --consumers-rate-discount-500: #000000;
    --consumers-rate-discount-400: #000000;
    --consumers-rate-discount-300: #000000;
    --consumers-rate-discount-200: #000000;
    --consumers-rate-discount-100: #000000;
    --consumers-rate-positive-900: var(--apple-900);
    --consumers-rate-positive-700: var(--apple-700);
    --consumers-rate-positive-600: var(--apple-600);
    --consumers-rate-positive-500: var(--apple-500);
    --consumers-rate-positive-400: var(--apple-400);
    --consumers-rate-positive-300: var(--apple-300);
    --consumers-rate-positive-200: var(--apple-200);
    --consumers-rate-positive-100: var(--apple-100);
    --consumers-rate-primary-700: var(--dark-green-700);
    --consumers-rate-primary-600: var(--dark-green-600);
    --consumers-rate-primary-500: var(--dark-green-500);
    --consumers-rate-primary-400: var(--dark-green-400);
    --consumers-rate-primary-300: var(--dark-green-300);
    --consumers-rate-primary-200: var(--dark-green-200);
    --consumers-rate-primary-100: var(--dark-green-100);
    --consumers-rate-primary-50: var(--dark-green-50);
    --consumers-rate-error-900: var(--persik-900);
    --consumers-rate-neutral-800: var(--dark-green-800);
    --consumers-rate-alpha-primary: #c9dad4;
    --consumers-rate-alpha-discount: #57cd4c;
    --consumers-rate-alpha-positive: #57cd4c;
    --consumers-rate-alpha-error: #ff8733;
    --consumers-rate-alpha-neutral: #c9dad4;
    --consumers-rate-alpha-dark: #173c2b;
    --consumers-rate-neutral-700: var(--dark-green-700);
    --consumers-rate-neutral-500: var(--dark-green-500);
    --consumers-rate-neutral-400: var(--dark-green-400);
    --consumers-rate-neutral-300: var(--dark-green-300);
    --consumers-rate-neutral-200: var(--dark-green-200);
    --consumers-rate-neutral-100: var(--dark-green-100);
    --consumers-rate-neutral-50: var(--dark-green-50);
    --consumers-rate-neutral-25: var(--dark-green-25);
    --consumers-rate-error-700: var(--persik-700);
    --consumers-rate-error-600: var(--persik-600);
    --consumers-rate-error-500: var(--persik-500);
    --consumers-rate-error-400: var(--persik-400);
    --consumers-rate-error-300: var(--persik-300);
    --consumers-rate-error-200: var(--persik-200);
    --consumers-rate-error-100: var(--persik-100);
    --surface-dark: var(--derila-neutral-800);
    --surface-highest: var(--white);
    --surface-higher: var(--derila-neutral-25);
    --surface-high: var(--derila-neutral-50);
    --surface-regular: var(--derila-neutral-100);
    --surface-low: var(--derila-neutral-200);
    --surface-lower: var(--derila-neutral-300);
    --surface-lowest: var(--derila-neutral-400);
    --surface-primary-high: var(--derila-primary-600);
    --surface-primary-regular: var(--derila-primary-500);
    --surface-primary-low: var(--derila-primary-300);
    --surface-primary-lower: var(--derila-primary-200);
    --surface-primary-lowest: var(--derila-primary-100);
    --surface-discount-high: var(--derila-discount-600);
    --surface-discount-regular: var(--derila-discount-500);
    --surface-discount-low: var(--derila-discount-300);
    --surface-discount-lower: var(--derila-discount-200);
    --surface-discount-lowest: var(--derila-discount-100);
    --surface-positive-high: var(--derila-positive-600);
    --surface-positive-regular: var(--derila-positive-500);
    --surface-positive-low: var(--derila-positive-300);
    --surface-positive-lower: var(--derila-positive-200);
    --surface-positive-lowest: var(--derila-positive-100);
    --surface-error-high: var(--derila-error-600);
    --surface-error-regular: var(--derila-error-500);
    --surface-error-low: var(--derila-error-300);
    --surface-error-lower: var(--derila-error-200);
    --surface-error-lowest: var(--derila-error-100);
    --content-on-surface: var(--white);
    --border-highest: var(--derila-neutral-500);
    --border-high: var(--derila-neutral-400);
    --border-regular: var(--derila-neutral-300);
    --border-low: var(--derila-neutral-200);
    --border-lowest: var(--derila-neutral-100);
    --border-primary-high: var(--derila-primary-600);
    --border-primary-regular: var(--derila-primary-500);
    --border-primary-low: var(--derila-primary-300);
    --border-primary-lower: var(--derila-primary-200);
    --border-primary-lowest: var(--derila-primary-100);
    --border-discount-high: var(--derila-discount-600);
    --border-discount-regular: var(--derila-discount-500);
    --border-discount-low: var(--derila-discount-300);
    --border-discount-lower: var(--derila-discount-200);
    --border-discount-lowest: var(--derila-discount-100);
    --border-positive-high: var(--derila-positive-600);
    --border-positive-regular: var(--derila-positive-500);
    --border-positive-low: var(--derila-positive-300);
    --border-positive-lower: var(--derila-positive-200);
    --border-positive-lowest: var(--derila-positive-100);
    --border-error-high: var(--derila-error-600);
    --border-error-regular: var(--derila-error-500);
    --border-error-low: var(--derila-error-300);
    --border-error-lower: var(--derila-error-200);
    --border-error-lowest: var(--derila-error-100);
    --content-highest: var(--derila-neutral-800);
    --content-high: var(--derila-neutral-700);
    --content-regular: var(--derila-neutral-500);
    --content-low: var(--derila-neutral-400);
    --content-lowest: var(--derila-neutral-300);
    --content-on-primary: var(--white);
    --content-on-primary-low: var(--derila-primary-100);
    --content-on-primary-lowest: var(--derila-primary-200);
    --content-primary-highest: var(--derila-primary-900);
    --content-primary-high: var(--derila-primary-700);
    --content-primary-regular: var(--derila-primary-500);
    --content-primary-low: var(--derila-primary-400);
    --content-on-discount-lowest: var(--derila-discount-300);
    --content-on-discount-low: var(--derila-discount-100);
    --content-on-discount: var(--white);
    --content-discount-highest: var(--derila-discount-900);
    --content-discount-high: var(--derila-discount-700);
    --content-discount-regular: var(--derila-discount-500);
    --content-discount-low: var(--derila-discount-400);
    --content-positive-highest: var(--derila-positive-900);
    --content-positive-high: var(--derila-positive-700);
    --content-positive-regular: var(--derila-positive-500);
    --content-positive-low: var(--derila-positive-400);
    --content-on-positive-lowest: var(--derila-positive-300);
    --content-on-positive-low: var(--derila-positive-100);
    --content-on-positive: var(--white);
    --content-error-highest: var(--derila-error-900);
    --content-error-high: var(--derila-error-700);
    --content-error-regular: var(--derila-error-500);
    --content-error-low: var(--derila-error-400);
    --content-on-error-lowest: var(--derila-error-300);
    --content-on-error-low: var(--derila-error-100);
    --content-on-error: var(--white);
    --border-dark: var(--derila-neutral-800);
    --effects-error-alpha: var(--derila-alpha-error);
    --effects-positive-alpha: var(--derila-alpha-positive);
    --effects-discount-alpha: var(--derila-alpha-discount);
    --effects-primary-alpha: var(--derila-alpha-primary);
    --effects-dark-alpha: var(--derila-alpha-dark);
    --effects-neutral-alpha: var(--derila-alpha-neutral);
    --border-on-primary: var(--white);
    --border-on-discount: var(--white);
    --border-on-positive: var(--white);
    --border-on-error: var(--white);
    --border-on-surface: var(--white);
    --extra-white-80: #ffffffCC;
    --extra-white-60: #ffffff99;
    --extra-white-40: #ffffff66;
    --extra-white-20: #ffffff33;
    --extra-white-10: #ffffff1A;
    --extra-black-80: #000000CC;
    --extra-black-60: #00000099;
    --extra-black-40: #00000066;
    --extra-black-20: #00000033;
    --extra-black-10: #0000001A;
    --corner-radius-rounded-circle: 128px;
    --corner-radius-large: 16px;
    --corner-radius-standard: 10px;
    --corner-radius-medium: 8px;
    --corner-radius-small: 6px;
    --corner-radius-tiny: 4px;
    --corner-radius-none: 0px;
    --corner-radius-component-button-large: var(--corner-radius-standard);
    --corner-radius-component-button-medium: var(--corner-radius-standard);
    --corner-radius-component-button-small: var(--corner-radius-medium);
    --corner-radius-component-expanded-button: var(--corner-radius-standard);
    --effects-component-button-hover: var(--extra-black-20);
    --effects-component-button-pressed: var(--extra-black-40);
    --primary-950: var(--blueberry-950);
    --primary-900: var(--blueberry-900);
    --primary-800: var(--blueberry-800);
    --primary-700: var(--blueberry-700);
    --primary-600: var(--blueberry-600);
    --primary-500: var(--blueberry-500);
    --primary-400: var(--blueberry-400);
    --primary-300: var(--blueberry-300);
    --primary-200: var(--blueberry-200);
    --primary-100: var(--blueberry-100);
    --primary-50: var(--blueberry-50);
    --accent-950: var(--lemon-950);
    --accent-900: var(--lemon-900);
    --accent-800: var(--lemon-800);
    --accent-700: var(--lemon-700);
    --accent-600: var(--lemon-600);
    --accent-500: var(--lemon-500);
    --accent-400: var(--lemon-400);
    --accent-300: var(--lemon-300);
    --accent-200: var(--lemon-200);
    --accent-100: var(--lemon-100);
    --accent-50: var(--lemon-50);
    --positive-950: var(--lime-950);
    --positive-900: var(--lime-900);
    --positive-800: var(--lime-800);
    --positive-700: var(--lime-700);
    --positive-600: var(--lime-600);
    --positive-500: var(--lime-500);
    --positive-400: var(--lime-400);
    --positive-300: var(--lime-300);
    --positive-200: var(--lime-200);
    --positive-100: var(--lime-100);
    --positive-50: var(--lime-50);
    --error-950: var(--strawbery-950);
    --error-900: var(--strawbery-900);
    --error-800: var(--strawbery-800);
    --error-700: var(--strawbery-700);
    --error-600: var(--strawbery-600);
    --error-500: var(--strawbery-500);
    --error-400: var(--strawbery-400);
    --error-300: var(--strawbery-300);
    --error-200: var(--strawbery-200);
    --error-100: var(--strawbery-100);
    --error-50: var(--strawbery-50);
    --neutral-950: var(--asphalt-950);
    --neutral-900: var(--asphalt-900);
    --neutral-800: var(--asphalt-800);
    --neutral-700: var(--asphalt-700);
    --neutral-600: var(--asphalt-600);
    --neutral-500: var(--asphalt-500);
    --neutral-400: var(--asphalt-400);
    --neutral-300: var(--asphalt-300);
    --neutral-200: var(--asphalt-200);
    --neutral-100: var(--asphalt-100);
    --neutral-50: var(--asphalt-50);
    --discount-50: var(--lemon-50);
    --discount-100: var(--lemon-100);
    --discount-200: var(--lemon-200);
    --discount-300: var(--lemon-300);
    --discount-400: var(--lemon-400);
    --discount-500: var(--lemon-500);
    --discount-600: var(--lemon-600);
    --discount-700: var(--lemon-700);
    --discount-800: var(--lemon-800);
    --discount-900: var(--lemon-900);
    --discount-950: var(--lemon-950);
    --cta-default-background-regular: var(--blueberry-500);
    --cta-default-background-hover: var(--blueberry-400);
    --cta-default-background-active: var(--blueberry-600);
    --cta-default-background-disabled: var(--blueberry-500);
    --cta-default-background-focused: var(--blueberry-500);
    --cta-default-background-outline: var(--blueberry-500);
    --cta-default-text-default: var(--grape-50);
    --cta-default-border-default: var(--water-400);
    --cta-default-border-hover: var(--blueberry-400);
    --cta-default-border-active: var(--blueberry-600);
    --cta-default-border-disabled: var(--blueberry-500);
    --cta-default-border-focused: var(--blueberry-500);
    --cta-discount-background-regular: var(--lemon-500);
    --cta-discount-background-hover: var(--lemon-400);
    --cta-discount-background-active: var(--lemon-600);
    --cta-discount-background-disabled: var(--lemon-500);
    --cta-discount-background-focused: var(--lemon-500);
    --cta-discount-text-default: var(--lemon-950);
    --cta-discount-border-default: var(--water-400);
    --cta-discount-border-hover: var(--lemon-400);
    --cta-discount-border-active: var(--lemon-600);
    --cta-discount-border-disabled: var(--lemon-500);
    --cta-discount-border-focused: var(--lemon-500);
    --cta-positive-background-regular: var(--lime-500);
    --cta-positive-background-hover: var(--lime-400);
    --cta-positive-background-active: var(--lime-600);
    --cta-positive-background-disabled: var(--lime-500);
    --cta-positive-background-focused: var(--lime-500);
    --cta-positive-text-default: var(--lime-50);
    --cta-positive-border-default: var(--water-400);
    --cta-positive-border-hover: var(--lime-400);
    --cta-positive-border-active: var(--lime-600);
    --cta-positive-border-disabled: var(--lime-500);
    --cta-positive-border-focused: var(--lime-500);
    --cta-error-background-regular: var(--strawbery-500);
    --cta-error-background-hover: var(--strawbery-400);
    --cta-error-background-active: var(--strawbery-600);
    --cta-error-background-disabled: var(--strawbery-500);
    --cta-error-background-focused: var(--strawbery-500);
    --cta-error-text-default: var(--strawbery-50);
    --cta-error-border-default: var(--water-400);
    --cta-error-border-hover: var(--strawbery-400);
    --cta-error-border-active: var(--strawbery-600);
    --cta-error-border-disabled: var(--strawbery-500);
    --cta-error-border-focused: var(--strawbery-500);
    --cta-discount-background-outline: var(--lemon-500);
    --cta-positive-background-outline: var(--lime-500);
    --cta-error-background-outline: var(--strawbery-500);
    --info-50: var(--azure-50);
    --info-100: var(--azure-100);
    --info-200: var(--azure-200);
    --info-300: var(--azure-300);
    --info-400: var(--azure-400);
    --info-500: var(--azure-500);
    --info-600: var(--azure-600);
    --info-700: var(--azure-700);
    --info-800: var(--azure-800);
    --info-900: var(--azure-900);
    --info-950: var(--azure-950);
    --cta-info-background-regular: var(--azure-500);
    --cta-info-text-default: var(--water-50);
    --cta-info-border-default: var(--water-400);
    --cta-info-border-hover: var(--azure-400);
    --cta-info-border-active: var(--azure-600);
    --cta-info-border-disabled: var(--azure-500);
    --cta-info-border-focused: var(--azure-500);
    --cta-info-background-hover: var(--azure-400);
    --cta-info-background-active: var(--azure-600);
    --cta-info-background-disabled: var(--azure-500);
    --cta-info-background-focused: var(--azure-500);
    --cta-info-background-outline: var(--azure-500);
    --cta-upsellctanothanks-text-default: var(--asphalt-500);
    --cta-radius-default: var(--rounded-md);
    --nav-bar-sticky-background: var(--blueberry-50);
    --nav-bar-sticky-logo: var(--base-black);
    --upsell-cta-radius-default: var(--rounded-md);
    --upsell-cta-accent-background-regular: var(--lemon-500);
    --upsell-cta-accent-text-default: var(--lemon-950);
    --upsell-cta-accent-border-default: var(--water-400);
    --upsell-cta-accent-border-hover: var(--lemon-400);
    --upsell-cta-accent-border-active: var(--lemon-600);
    --upsell-cta-accent-border-disabled: var(--lemon-500);
    --upsell-cta-accent-border-focused: var(--water-400);
    --upsell-cta-accent-background-hover: var(--lemon-400);
    --upsell-cta-accent-background-active: var(--lemon-600);
    --upsell-cta-accent-background-disabled: var(--lemon-500);
    --upsell-cta-accent-background-focused: var(--lemon-500);
    --upsell-cta-primary-background-regular: var(--azure-500);
    --upsell-cta-primary-background-hover: var(--azure-400);
    --upsell-cta-primary-background-active: var(--azure-600);
    --upsell-cta-primary-background-disabled: var(--azure-500);
    --upsell-cta-primary-background-focused: var(--azure-500);
    --upsell-cta-primary-background-outline: var(--azure-500);
    --upsell-cta-primary-text-default: var(--water-50);
    --upsell-cta-primary-border-default: var(--water-400);
    --upsell-cta-primary-border-hover: var(--azure-400);
    --upsell-cta-primary-border-active: var(--azure-600);
    --upsell-cta-primary-border-disabled: var(--azure-500);
    --upsell-cta-primary-border-focused: var(--water-400);
    --upsell-cta-accent-background-outline: var(--lemon-500);
    --upsell-cta-secondary-background-regular: var(--azure-500);
    --upsell-cta-secondary-background-hover: var(--azure-400);
    --upsell-cta-secondary-background-active: var(--azure-600);
    --upsell-cta-secondary-background-disabled: var(--azure-500);
    --upsell-cta-secondary-background-focused: var(--azure-500);
    --upsell-cta-secondary-background-outline: var(--azure-500);
    --upsell-cta-secondary-text-default: var(--water-50);
    --upsell-cta-secondary-border-default: var(--azure-500);
    --upsell-cta-secondary-border-hover: var(--azure-400);
    --upsell-cta-secondary-border-active: var(--azure-600);
    --upsell-cta-secondary-border-disabled: var(--azure-500);
    --upsell-cta-secondary-border-focused: var(--water-400);
    --upsell-cta-primary-text-secondary-text: var(--asphalt-500);
    --upsell-cta-secondary-text-secondary-text: var(--base-black);
    --upsell-cta-accent-text-secondary-text: var(--asphalt-500);
    --orderquantity-upsell-banner-primary-text: var(--base-white);
    --orderquantity-upsell-banner-primary-background: var(--lime-500);
    --orderquantity-upsell-text-primary-default: var(--base-black);
    --orderquantity-upsell-background-primary-hover: var(--rangoongreen-50);
    --orderquantity-upsell-background-primary-pressed: var(--rangoongreen-50);
    --orderquantity-upsell-border-primary: var(--lime-500);
    --orderquantity-orderpage-border-primary: var(--lime-500);
    --orderquantity-orderpage-text-default: var(--base-black);
    --orderquantity-orderpage-banner-primary-background: var(--lime-500);
    --orderquantity-orderpage-banner-primary-text: var(--base-white);
    --orderquantity-upsell-border-neutral: var(--asphalt-200);
    --orderquantity-orderpage-border-neutral: var(--asphalt-200);
    --orderquantity-upsell-banner-neutral-text: var(--base-white);
    --orderquantity-upsell-banner-neutral-background: var(--asphalt-300);
    --orderquantity-orderpage-banner-neutral-background: var(--asphalt-300);
    --orderquantity-orderpage-banner-neutral-text: var(--base-white);
    --orderquantity-upsell-text-primary-body: var(--asphalt-400);
    --orderquantity-upsell-banner-info-text: var(--base-white);
    --orderquantity-upsell-banner-info-background: var(--azure-500);
    --orderquantity-upsell-border-info: var(--azure-500);
    --orderquantity-orderpage-banner-info-text: var(--base-white);
    --orderquantity-orderpage-banner-info-background: var(--azure-500);
    --orderquantity-orderpage-border-info: var(--azure-500);
    --orderquantity-orderpage-background-primary-neutral: var(--base-white);
    --orderquantity-orderpage-background-primary-hover: var(--ceramic-50);
    --orderquantity-orderpage-background-primary-pressed: var(--ceramic-50);
    --orderquantity-orderpage-background-info-neutral: var(--base-white);
    --orderquantity-orderpage-background-info-hover: var(--skyline-50);
    --orderquantity-orderpage-background-info-pressed: var(--skyline-50);
    --orderquantity-orderpage-text-body: var(--asphalt-400);
    --orderquantity-upsell-background-primary-neutral: var(--base-white);
    --orderquantity-upsell-radio-primary-active: var(--lime-500);
    --orderquantity-upsell-radio-info-active: var(--azure-500);
    --orderquantity-upsell-radio-primary-background: var(--base-white);
    --orderquantity-upsell-radio-primary-border: var(--asphalt-200);
    --orderquantity-orderpage-radio-primary-active: var(--lime-500);
    --orderquantity-orderpage-radio-info-active: var(--azure-500);
    --orderquantity-orderpage-radio-primary-background: var(--base-white);
    --orderquantity-orderpage-radio-primary-border: var(--asphalt-200);
    --orderquantity-upsell-background-info-neutral: var(--base-white);
    --orderquantity-upsell-background-info-hover: var(--blueneutral-50);
    --orderquantity-upsell-background-info-pressed: var(--blueneutral-50);
    --orderquantity-upsell-radio-info-border: var(--asphalt-200);
    --orderquantity-upsell-radio-info-background: var(--base-white);
    --orderquantity-upsell-text-info-default: var(--base-black);
    --orderquantity-upsell-text-info-body: var(--asphalt-400);
    --orderquantity-orderpage-radio-info-background: var(--base-white);
    --orderquantity-orderpage-radio-info-border: var(--asphalt-200);
    --nav-bar-primary-cta: var(--blueberry-500);
    --nav-bar-primary-cta-text: var(--base-white);
    --nav-bar-light-mode-cta: var(--blueberry-500);
    --nav-bar-light-mode-cta-text: var(--base-white);
    --nav-bar-dark-mode-cta: var(--blueberry-500);
    --nav-bar-dark-mode-cta-text: var(--base-white);
    --nav-bar-sticky-cta: var(--blueberry-500);
    --nav-bar-sticky-cta-text: var(--base-white);
    --cta-default-text-secondary: var(--base-black);
    --cta-discount-text-secondary: var(--lemon-950);
    --cta-positive-text-secondary: var(--base-black);
    --cta-error-text-secondary: var(--base-black);
    --orderpage-background-background: var(--blueneutral-50);
    --nav-bar-primary-background: var(--base-white);
    --nav-bar-primary-text: var(--base-black);
    --nav-bar-primary-logo: var(--base-black);
    --nav-bar-primary-icon: var(--base-black);
    --nav-bar-sticky-text: var(--base-black);
    --nav-bar-light-mode-background: var(--base-white);
    --nav-bar-light-mode-text: var(--base-black);
    --nav-bar-dark-mode-background: var(--base-black);
    --nav-bar-dark-mode-text: var(--base-white);
    --footer-background-background: var(--asphalt-950);
    --upsellbarbanner-content-default: var(--base-white);
    --upsellbarbanner-content-base: var(--base-black);
    --upsellbarbanner-background-default: var(--azure-500);
    --upsellbarbanner-background-base: var(--base-white);
    --upsellofferbar-content-title: var(--base-black);
    --upsellofferbar-content-active: var(--lime-500);
    --upsellofferbar-content-default: var(--base-black);
    --upsellofferbar-content-status-dot: var(--base-white);
    --upsellofferbar-background-default: var(--base-white);
    --accordion-icon-open: var(--blueberry-600);
    --accordion-icon-closed: var(--blueberry-500);
    --opgiftbanner-background: var(--asphalt-400);
    --orderquantity-upsell-text-primary-primary: var(--base-black);
    --accordion-text: var(--base-black);
    --accordion-background: var(--base-white);
    --accordion-divider: var(--asphalt-100);
    --orderquantity-upsell-text-info-info: var(--base-black);
    --opbanner-gift-theme-a-background: var(--asphalt-600);
    --opbanner-gift-theme-a-border: var(--asphalt-200);
    --opbanner-gift-theme-a-titletext: var(--base-white);
    --opbanner-gift-theme-a-bodytext: var(--base-white);
    --opbanner-discount-theme-a-background: var(--base-white);
    --opbanner-discount-theme-a-border: var(--water-400);
    --opbanner-discount-theme-a-titletext: var(--lime-500);
    --opbanner-discount-theme-a-bodytext: var(--base-black)
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img[class*=tw-max-h-].strecheced-img-fix {
    width: auto
}

.tw-radio-style {
    height: 20px;
    width: 20px;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    border-color: currentColor;
    background-color: transparent;
    background-clip: content-box;
    padding: 4px;
    --tw-text-opacity: 1;
    color: rgb(225 225 225 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.payment-method-select-grid-wrapper.active .tw-radio-style {
    background-color: currentColor;
    color: var(--selection-default, #1AC70E)
}

:root {
    --primary-950: var(--orange-950);
    --primary-900: var(--orange-900);
    --primary-800: var(--orange-800);
    --primary-700: var(--orange-700);
    --primary-600: var(--orange-600);
    --primary-500: var(--orange-500);
    --primary-400: var(--orange-400);
    --primary-300: var(--orange-300);
    --primary-200: var(--orange-200);
    --primary-100: var(--orange-100);
    --primary-50: var(--orange-50);
    --accent-950: var(--peach-950);
    --accent-900: var(--peach-900);
    --accent-800: var(--peach-800);
    --accent-700: var(--peach-700);
    --accent-600: var(--peach-600);
    --accent-500: var(--peach-500);
    --accent-400: var(--peach-400);
    --accent-300: var(--peach-300);
    --accent-200: var(--peach-200);
    --accent-100: var(--peach-100);
    --accent-50: var(--peach-50);
    --positive-950: var(--apple-950);
    --positive-900: var(--apple-900);
    --positive-800: var(--apple-800);
    --positive-700: var(--apple-700);
    --positive-600: var(--apple-600);
    --positive-500: var(--apple-500);
    --positive-400: var(--apple-400);
    --positive-300: var(--apple-300);
    --positive-200: var(--apple-200);
    --positive-100: var(--apple-100);
    --positive-50: var(--apple-50);
    --error-950: var(--strawbery-950);
    --error-900: var(--strawbery-900);
    --error-800: var(--strawbery-800);
    --error-700: var(--strawbery-700);
    --error-600: var(--strawbery-600);
    --error-500: var(--strawbery-500);
    --error-400: var(--strawbery-400);
    --error-300: var(--strawbery-300);
    --error-200: var(--strawbery-200);
    --error-100: var(--strawbery-100);
    --error-50: var(--strawbery-50);
    --neutral-950: var(--asphalt-950);
    --neutral-900: var(--asphalt-900);
    --neutral-800: var(--asphalt-800);
    --neutral-700: var(--asphalt-700);
    --neutral-600: var(--asphalt-600);
    --neutral-500: var(--asphalt-500);
    --neutral-400: var(--asphalt-400);
    --neutral-300: var(--asphalt-300);
    --neutral-200: var(--asphalt-200);
    --neutral-100: var(--asphalt-100);
    --neutral-50: var(--asphalt-50);
    --discount-50: var(--lemon-50);
    --discount-100: var(--lemon-100);
    --discount-200: var(--lemon-200);
    --discount-300: var(--lemon-300);
    --discount-400: var(--lemon-400);
    --discount-500: var(--lemon-500);
    --discount-600: var(--lemon-600);
    --discount-700: var(--lemon-700);
    --discount-800: var(--lemon-800);
    --discount-900: var(--lemon-900);
    --discount-950: var(--lemon-950);
    --cta-default-background-regular: var(--orange-500);
    --cta-default-background-hover: var(--orange-400);
    --cta-default-background-active: var(--orange-600);
    --cta-default-background-disabled: var(--orange-500);
    --cta-default-background-focused: var(--orange-500);
    --cta-default-background-outline: var(--orange-500);
    --cta-default-text-default: var(--base-black);
    --cta-default-border-default: var(--water-400);
    --cta-default-border-hover: var(--orange-400);
    --cta-default-border-active: var(--orange-600);
    --cta-default-border-disabled: var(--orange-500);
    --cta-default-border-focused: var(--orange-500);
    --cta-discount-background-regular: var(--peach-500);
    --cta-discount-background-hover: var(--peach-400);
    --cta-discount-background-active: var(--peach-600);
    --cta-discount-background-disabled: var(--peach-500);
    --cta-discount-background-focused: var(--peach-500);
    --cta-discount-text-default: var(--lemon-950);
    --cta-discount-border-default: var(--water-400);
    --cta-discount-border-hover: var(--peach-400);
    --cta-discount-border-active: var(--peach-600);
    --cta-discount-border-disabled: var(--peach-500);
    --cta-discount-border-focused: var(--peach-500);
    --cta-positive-background-regular: var(--apple-500);
    --cta-positive-background-hover: var(--apple-400);
    --cta-positive-background-active: var(--apple-600);
    --cta-positive-background-disabled: var(--apple-500);
    --cta-positive-background-focused: var(--apple-500);
    --cta-positive-text-default: var(--lime-50);
    --cta-positive-border-default: var(--water-400);
    --cta-positive-border-hover: var(--apple-400);
    --cta-positive-border-active: var(--apple-600);
    --cta-positive-border-disabled: var(--apple-500);
    --cta-positive-border-focused: var(--apple-500);
    --cta-error-background-regular: var(--strawbery-500);
    --cta-error-background-hover: var(--strawbery-400);
    --cta-error-background-active: var(--strawbery-600);
    --cta-error-background-disabled: var(--strawbery-500);
    --cta-error-background-focused: var(--strawbery-500);
    --cta-error-text-default: var(--strawbery-50);
    --cta-error-border-default: var(--water-400);
    --cta-error-border-hover: var(--strawbery-400);
    --cta-error-border-active: var(--strawbery-600);
    --cta-error-border-disabled: var(--strawbery-500);
    --cta-error-border-focused: var(--strawbery-500);
    --cta-discount-background-outline: var(--peach-500);
    --cta-positive-background-outline: var(--apple-500);
    --cta-error-background-outline: var(--strawbery-500);
    --info-50: var(--orange-50);
    --info-100: var(--orange-100);
    --info-200: var(--orange-200);
    --info-300: var(--orange-300);
    --info-400: var(--orange-400);
    --info-500: var(--orange-500);
    --info-600: var(--orange-600);
    --info-700: var(--orange-700);
    --info-800: var(--orange-800);
    --info-900: var(--orange-900);
    --info-950: var(--orange-950);
    --cta-info-background-regular: var(--orange-500);
    --cta-info-text-default: var(--asphalt-950);
    --cta-info-border-default: var(--water-400);
    --cta-info-border-hover: var(--orange-400);
    --cta-info-border-active: var(--orange-600);
    --cta-info-border-disabled: var(--orange-500);
    --cta-info-border-focused: var(--orange-500);
    --cta-info-background-hover: var(--orange-400);
    --cta-info-background-active: var(--orange-600);
    --cta-info-background-disabled: var(--orange-500);
    --cta-info-background-focused: var(--orange-500);
    --cta-info-background-outline: var(--orange-500);
    --cta-upsellctanothanks-text-default: var(--asphalt-50);
    --cta-radius-default: var(--rounded-md);
    --nav-bar-sticky-background: var(--blueneutral-950);
    --nav-bar-sticky-logo: var(--base-white);
    --upsell-cta-radius-default: var(--rounded-md);
    --upsell-cta-accent-background-regular: var(--peach-500);
    --upsell-cta-accent-text-default: var(--lemon-950);
    --upsell-cta-accent-border-default: var(--water-400);
    --upsell-cta-accent-border-hover: var(--peach-400);
    --upsell-cta-accent-border-active: var(--peach-600);
    --upsell-cta-accent-border-disabled: var(--peach-500);
    --upsell-cta-accent-border-focused: var(--water-400);
    --upsell-cta-accent-background-hover: var(--peach-400);
    --upsell-cta-accent-background-active: var(--peach-600);
    --upsell-cta-accent-background-disabled: var(--peach-500);
    --upsell-cta-accent-background-focused: var(--peach-500);
    --upsell-cta-primary-background-regular: var(--orange-500);
    --upsell-cta-primary-background-hover: var(--orange-400);
    --upsell-cta-primary-background-active: var(--orange-600);
    --upsell-cta-primary-background-disabled: var(--orange-500);
    --upsell-cta-primary-background-focused: var(--orange-500);
    --upsell-cta-primary-background-outline: var(--orange-500);
    --upsell-cta-primary-text-default: var(--asphalt-950);
    --upsell-cta-primary-border-default: var(--orange-400);
    --upsell-cta-primary-border-hover: var(--orange-400);
    --upsell-cta-primary-border-active: var(--orange-600);
    --upsell-cta-primary-border-disabled: var(--orange-500);
    --upsell-cta-primary-border-focused: var(--water-400);
    --upsell-cta-accent-background-outline: var(--peach-500);
    --upsell-cta-secondary-background-regular: var(--orange-500);
    --upsell-cta-secondary-background-hover: var(--orange-400);
    --upsell-cta-secondary-background-active: var(--orange-600);
    --upsell-cta-secondary-background-disabled: var(--orange-500);
    --upsell-cta-secondary-background-focused: var(--orange-500);
    --upsell-cta-secondary-background-outline: var(--orange-500);
    --upsell-cta-secondary-text-default: var(--asphalt-950);
    --upsell-cta-secondary-border-default: var(--orange-500);
    --upsell-cta-secondary-border-hover: var(--orange-400);
    --upsell-cta-secondary-border-active: var(--orange-600);
    --upsell-cta-secondary-border-disabled: var(--orange-500);
    --upsell-cta-secondary-border-focused: var(--water-400);
    --upsell-cta-primary-text-secondary-text: var(--asphalt-500);
    --upsell-cta-secondary-text-secondary-text: var(--base-white);
    --upsell-cta-accent-text-secondary-text: var(--asphalt-500);
    --orderquantity-upsell-banner-primary-text: var(--base-black);
    --orderquantity-upsell-banner-primary-background: var(--apple-500);
    --orderquantity-upsell-text-primary-default: var(--base-white);
    --orderquantity-upsell-background-primary-hover: var(--rangoongreen-950);
    --orderquantity-upsell-background-primary-pressed: var(--rangoongreen-950);
    --orderquantity-upsell-border-primary: var(--apple-500);
    --orderquantity-orderpage-border-primary: var(--lime-500);
    --orderquantity-orderpage-text-default: var(--base-black);
    --orderquantity-orderpage-banner-primary-background: var(--lime-500);
    --orderquantity-orderpage-banner-primary-text: var(--base-white);
    --orderquantity-upsell-border-neutral: var(--asphalt-900);
    --orderquantity-orderpage-border-neutral: var(--asphalt-200);
    --orderquantity-upsell-banner-neutral-text: var(--base-white);
    --orderquantity-upsell-banner-neutral-background: var(--asphalt-300);
    --orderquantity-orderpage-banner-neutral-background: var(--asphalt-300);
    --orderquantity-orderpage-banner-neutral-text: var(--base-white);
    --orderquantity-upsell-text-primary-body: var(--asphalt-400);
    --orderquantity-upsell-banner-info-text: var(--base-white);
    --orderquantity-upsell-banner-info-background: var(--azure-500);
    --orderquantity-upsell-border-info: var(--azure-500);
    --orderquantity-orderpage-banner-info-text: var(--base-white);
    --orderquantity-orderpage-banner-info-background: var(--azure-500);
    --orderquantity-orderpage-border-info: var(--azure-500);
    --orderquantity-orderpage-background-primary-neutral: var(--base-white);
    --orderquantity-orderpage-background-primary-hover: var(--ceramic-50);
    --orderquantity-orderpage-background-primary-pressed: var(--ceramic-50);
    --orderquantity-orderpage-background-info-neutral: var(--base-white);
    --orderquantity-orderpage-background-info-hover: var(--skyline-50);
    --orderquantity-orderpage-background-info-pressed: var(--skyline-50);
    --orderquantity-orderpage-text-body: var(--asphalt-400);
    --orderquantity-upsell-background-primary-neutral: var(--asphalt-950);
    --orderquantity-upsell-radio-primary-active: var(--apple-500);
    --orderquantity-upsell-radio-info-active: var(--azure-500);
    --orderquantity-upsell-radio-primary-background: var(--asphalt-950);
    --orderquantity-upsell-radio-primary-border: var(--asphalt-900);
    --orderquantity-orderpage-radio-primary-active: var(--lime-500);
    --orderquantity-orderpage-radio-info-active: var(--azure-500);
    --orderquantity-orderpage-radio-primary-background: var(--base-white);
    --orderquantity-orderpage-radio-primary-border: var(--asphalt-200);
    --orderquantity-upsell-background-info-neutral: var(--base-white);
    --orderquantity-upsell-background-info-hover: var(--blueneutral-50);
    --orderquantity-upsell-background-info-pressed: var(--blueneutral-50);
    --orderquantity-upsell-radio-info-border: var(--asphalt-200);
    --orderquantity-upsell-radio-info-background: var(--base-white);
    --orderquantity-upsell-text-info-default: var(--base-black);
    --orderquantity-upsell-text-info-body: var(--asphalt-400);
    --orderquantity-orderpage-radio-info-background: var(--base-white);
    --orderquantity-orderpage-radio-info-border: var(--asphalt-200);
    --nav-bar-primary-cta: var(--base-black);
    --nav-bar-primary-cta-text: var(--base-white);
    --nav-bar-light-mode-cta: var(--orange-500);
    --nav-bar-light-mode-cta-text: var(--base-black);
    --nav-bar-dark-mode-cta: var(--orange-500);
    --nav-bar-dark-mode-cta-text: var(--base-black);
    --nav-bar-sticky-cta: var(--orange-500);
    --nav-bar-sticky-cta-text: var(--base-black);
    --cta-default-text-secondary: var(--base-black);
    --cta-discount-text-secondary: var(--lemon-950);
    --cta-positive-text-secondary: var(--base-black);
    --cta-error-text-secondary: var(--base-black);
    --orderpage-background-background: var(--blueneutral-50);
    --nav-bar-primary-background: var(--orange-500);
    --nav-bar-primary-text: var(--base-black);
    --nav-bar-primary-logo: var(--base-black);
    --nav-bar-primary-icon: var(--base-black);
    --nav-bar-sticky-text: var(--base-white);
    --nav-bar-light-mode-background: var(--base-white);
    --nav-bar-light-mode-text: var(--base-black);
    --nav-bar-dark-mode-background: var(--base-black);
    --nav-bar-dark-mode-text: var(--base-white);
    --footer-background-background: var(--asphalt-950);
    --upsellbarbanner-content-default: var(--base-black);
    --upsellbarbanner-content-base: var(--base-black);
    --upsellbarbanner-background-default: var(--apple-500);
    --upsellbarbanner-background-base: var(--base-white);
    --upsellofferbar-content-title: var(--orange-500);
    --upsellofferbar-content-active: var(--apple-500);
    --upsellofferbar-content-default: var(--base-white);
    --upsellofferbar-content-status-dot: var(--asphalt-950);
    --upsellofferbar-background-default: var(--asphalt-950);
    --accordion-icon-open: var(--orange-600);
    --accordion-icon-closed: var(--orange-500);
    --opgiftbanner-background: var(--azure-500);
    --orderquantity-upsell-text-primary-primary: var(--base-white);
    --accordion-text: var(--base-white);
    --accordion-background: var(--asphalt-950);
    --accordion-divider: var(--asphalt-900);
    --orderquantity-upsell-text-info-info: var(--base-black);
    --opbanner-gift-theme-a-background: var(--azure-500);
    --opbanner-gift-theme-a-border: var(--azure-800);
    --opbanner-gift-theme-a-titletext: var(--base-white);
    --opbanner-gift-theme-a-bodytext: var(--base-white);
    --opbanner-discount-theme-a-background: var(--apple-50);
    --opbanner-discount-theme-a-border: var(--apple-200);
    --opbanner-discount-theme-a-titletext: var(--apple-700);
    --opbanner-discount-theme-a-bodytext: var(--base-black)
}

.marker\:\!tw-me-\[10px\] *::marker {
    margin-inline-end: 10px !important
}

.marker\:tw-text-\[\#D0D5DD\] *::marker {
    color: #d0d5dd
}

.marker\:\!tw-me-\[10px\]::marker {
    margin-inline-end: 10px !important
}

.marker\:tw-text-\[\#D0D5DD\]::marker {
    color: #d0d5dd
}



.focus-visible\:tw-outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:tw-ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:tw-ring-blue-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.focus-visible\:tw-ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

@container (min-width: 24rem) {}

@container (min-width: 28rem) {}

@container (min-width: 32rem) {}

@media(min-width:576px) {

    .sm\:tw-block {
        display: block
    }

    .sm\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(min-width:768px) {

    .md\:tw-block {
        display: block
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:tw-max-h-\[200px\] {
        max-height: 200px
    }

    .md\:tw-max-w-\[100\%\] {
        max-width: 100%
    }

    .md\:tw-scale-\[1\.5\] {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes tw-rightToLeft {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-50%)
        }
    }

    .md\:tw-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-\[40\%_1fr\] {
        grid-template-columns: 40% 1fr
    }

    .md\:tw-gap-s16 {
        gap: 16px
    }

    .md\:tw-px-container-md {
        padding-left: 24px;
        padding-right: 24px
    }

    .md\:tw-py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:tw-text-3xl {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .md\:tw-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media(min-width:1023px) {

    .lg\:tw-block {
        display: block
    }

    .lg\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:tw-px-container-lg {
        padding-left: 40px;
        padding-right: 40px
    }

    .lg\:tw-text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media(min-width:1400px) {

    .xl\:tw-px-container-xl {
        padding-left: 130px;
        padding-right: 130px
    }

    .xl\:tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.ltr\:tw-left-1\/2:where([dir=ltr], [dir=ltr] *) {
    left: 50%
}

.ltr\:tw-left-\[-50\%\]:where([dir=ltr], [dir=ltr] *) {
    left: -50%
}

.ltr\:tw-left-\[40\%\]:where([dir=ltr], [dir=ltr] *) {
    left: 40%
}

.ltr\:tw-right-0:where([dir=ltr], [dir=ltr] *) {
    right: 0
}

.ltr\:tw-right-\[-50\%\]:where([dir=ltr], [dir=ltr] *) {
    right: -50%
}

.ltr\:-tw-mr-\[30px\]:where([dir=ltr], [dir=ltr] *) {
    margin-right: -30px
}

.ltr\:tw-ml-3:where([dir=ltr], [dir=ltr] *) {
    margin-left: .75rem
}

.ltr\:tw-ml-\[-20\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: -20%
}

.ltr\:tw-ml-\[-50\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: -50%
}

.ltr\:tw-ml-\[-60\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: -60%
}

.ltr\:tw-ml-\[-70\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: -70%
}

.ltr\:tw-ml-\[20\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: 20%
}

.ltr\:tw-ml-\[40\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: 40%
}

.ltr\:tw-ml-\[70\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: 70%
}

.ltr\:tw-mr-1:where([dir=ltr], [dir=ltr] *) {
    margin-right: .25rem
}

.ltr\:tw-mr-2:where([dir=ltr], [dir=ltr] *) {
    margin-right: .5rem
}

.ltr\:tw-mr-3:where([dir=ltr], [dir=ltr] *) {
    margin-right: .75rem
}

.ltr\:tw-mr-\[-50\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-right: -50%
}

.ltr\:tw-mr-\[20\%\]:where([dir=ltr], [dir=ltr] *) {
    margin-right: 20%
}

.ltr\:-tw-translate-x-1\/2:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:-tw-translate-x-\[50\%\]:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:-tw-translate-x-full:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:tw-translate-x-\[-100\%\]:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:tw-translate-x-\[50\%\]:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:tw-list-\[lower-alpha\]:where([dir=ltr], [dir=ltr] *) {
    list-style-type: lower-alpha
}

.ltr\:tw-rounded-bl-md:where([dir=ltr], [dir=ltr] *) {
    border-bottom-left-radius: .375rem
}

.ltr\:tw-rounded-tr-md:where([dir=ltr], [dir=ltr] *) {
    border-top-right-radius: .375rem
}

.ltr\:tw-border-l-2:where([dir=ltr], [dir=ltr] *) {
    border-left-width: 2px
}

.ltr\:\!tw-text-left:where([dir=ltr], [dir=ltr] *) {
    text-align: left !important
}

.ltr\:tw-text-left:where([dir=ltr], [dir=ltr] *) {
    text-align: left
}

.ltr\:tw-text-right:where([dir=ltr], [dir=ltr] *) {
    text-align: right
}

@media(min-width:576px) {
    .ltr\:sm\:tw-left-auto:where([dir=ltr], [dir=ltr] *) {
        left: auto
    }

    .ltr\:sm\:tw-text-left:where([dir=ltr], [dir=ltr] *) {
        text-align: left
    }
}

.rtl\:\!tw-start-\[10\%\]:where([dir=rtl], [dir=rtl] *) {
    inset-inline-start: 10% !important
}

.rtl\:tw-end-\[54\%\]:where([dir=rtl], [dir=rtl] *) {
    inset-inline-end: 54%
}

.rtl\:tw-end-\[55\%\]:where([dir=rtl], [dir=rtl] *) {
    inset-inline-end: 55%
}

.rtl\:tw-left-0:where([dir=rtl], [dir=rtl] *) {
    left: 0
}

.rtl\:tw-left-\[-50\%\]:where([dir=rtl], [dir=rtl] *) {
    left: -50%
}

.rtl\:tw-left-\[0\%\]:where([dir=rtl], [dir=rtl] *) {
    left: 0%
}

.rtl\:tw-right-1\/2:where([dir=rtl], [dir=rtl] *) {
    right: 50%
}

.rtl\:tw-right-\[-50\%\]:where([dir=rtl], [dir=rtl] *) {
    right: -50%
}

.rtl\:tw-right-\[10\%\]:where([dir=rtl], [dir=rtl] *) {
    right: 10%
}

.rtl\:tw-right-\[40\%\]:where([dir=rtl], [dir=rtl] *) {
    right: 40%
}

.rtl\:tw-start-\[20px\]:where([dir=rtl], [dir=rtl] *) {
    inset-inline-start: 20px
}

.rtl\:tw-start-\[unset\]:where([dir=rtl], [dir=rtl] *) {
    inset-inline-start: unset
}

.rtl\:-tw-ml-\[30px\]:where([dir=rtl], [dir=rtl] *) {
    margin-left: -30px
}

.rtl\:tw-me-0:where([dir=rtl], [dir=rtl] *) {
    margin-inline-end: 0px
}

.rtl\:tw-ml-1:where([dir=rtl], [dir=rtl] *) {
    margin-left: .25rem
}

.rtl\:tw-ml-2:where([dir=rtl], [dir=rtl] *) {
    margin-left: .5rem
}

.rtl\:tw-ml-3:where([dir=rtl], [dir=rtl] *) {
    margin-left: .75rem
}

.rtl\:tw-ml-\[-50\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-left: -50%
}

.rtl\:tw-ml-\[20\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-left: 20%
}

.rtl\:tw-mr-3:where([dir=rtl], [dir=rtl] *) {
    margin-right: .75rem
}

.rtl\:tw-mr-4:where([dir=rtl], [dir=rtl] *) {
    margin-right: 1rem
}

.rtl\:tw-mr-\[-20\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: -20%
}

.rtl\:tw-mr-\[-50\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: -50%
}

.rtl\:tw-mr-\[-60\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: -60%
}

.rtl\:tw-mr-\[-70\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: -70%
}

.rtl\:tw-mr-\[20\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: 20%
}

.rtl\:tw-mr-\[40\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: 40%
}

.rtl\:tw-mr-\[70\%\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: 70%
}

.rtl\:tw-ms-auto:where([dir=rtl], [dir=rtl] *) {
    margin-inline-start: auto
}

.rtl\:tw-ms-s8:where([dir=rtl], [dir=rtl] *) {
    margin-inline-start: 8px
}

.rtl\:tw-w-\[750px\]:where([dir=rtl], [dir=rtl] *) {
    width: 750px
}

.rtl\:tw-w-full:where([dir=rtl], [dir=rtl] *) {
    width: 100%
}

.rtl\:tw-translate-x-1\/2:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-translate-x-\[-50\%\]:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-translate-x-\[50\%\]:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-rotate-\[-15deg\]:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: -15deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:-tw-scale-x-100:where([dir=rtl], [dir=rtl] *) {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-scale-x-\[-1\.6\]:where([dir=rtl], [dir=rtl] *) {
    --tw-scale-x: -1.6;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-scale-x-\[-1\]:where([dir=rtl], [dir=rtl] *) {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:tw-animate-\[linear_leftToRight_10s_infinite\]:where([dir=rtl], [dir=rtl] *) {
    animation: linear tw-leftToRight 10s infinite
}

.rtl\:tw-animate-\[linear_leftToRight_15s_infinite\]:where([dir=rtl], [dir=rtl] *) {
    animation: linear tw-leftToRight 15s infinite
}

@keyframes tw-leftToRight {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(50%)
    }
}

.rtl\:tw-animate-\[linear_leftToRight_20s_infinite\]:where([dir=rtl], [dir=rtl] *) {
    animation: linear tw-leftToRight 20s infinite
}

@keyframes tw-rightToLeft {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.rtl\:tw-animate-\[linear_rightToLeft_1s_infinite\]:where([dir=rtl], [dir=rtl] *) {
    animation: linear tw-rightToLeft 1s infinite
}

.rtl\:tw-list-disc:where([dir=rtl], [dir=rtl] *) {
    list-style-type: disc
}

.rtl\:tw-items-end:where([dir=rtl], [dir=rtl] *) {
    align-items: flex-end
}

.rtl\:tw-justify-start:where([dir=rtl], [dir=rtl] *) {
    justify-content: flex-start
}

.rtl\:tw-justify-end:where([dir=rtl], [dir=rtl] *) {
    justify-content: flex-end
}

.rtl\:tw-rounded-br-md:where([dir=rtl], [dir=rtl] *) {
    border-bottom-right-radius: .375rem
}

.rtl\:tw-rounded-tl-md:where([dir=rtl], [dir=rtl] *) {
    border-top-left-radius: .375rem
}

.rtl\:tw-rounded-tr-md:where([dir=rtl], [dir=rtl] *) {
    border-top-right-radius: .375rem
}

.rtl\:tw-border-r-2:where([dir=rtl], [dir=rtl] *) {
    border-right-width: 2px
}

.rtl\:\!tw-bg-right-top:where([dir=rtl], [dir=rtl] *) {
    background-position: right top !important
}

.rtl\:tw-text-left:where([dir=rtl], [dir=rtl] *) {
    text-align: left
}

.rtl\:\!tw-text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right !important
}

.rtl\:tw-text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

.rtl\:tw-text-end:where([dir=rtl], [dir=rtl] *) {
    text-align: end
}

.tw-peer:checked~.rtl\:peer-checked\:after\:tw--translate-x-full:where([dir=rtl], [dir=rtl] *):after {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media(min-width:576px) {
    .rtl\:sm\:\!tw-start-\[calc\(50\%-60px\)\]:where([dir=rtl], [dir=rtl] *) {
        inset-inline-start: calc(50% - 60px) !important
    }

    .rtl\:sm\:tw-left-0:where([dir=rtl], [dir=rtl] *) {
        left: 0
    }

    .rtl\:sm\:tw-right-auto:where([dir=rtl], [dir=rtl] *) {
        right: auto
    }

    .rtl\:sm\:tw-text-right:where([dir=rtl], [dir=rtl] *) {
        text-align: right
    }
}

@media(min-width:768px) {
    .rtl\:md\:\!tw-start-\[58\%\]:where([dir=rtl], [dir=rtl] *) {
        inset-inline-start: 58% !important
    }

    .rtl\:md\:\!tw-start-\[calc\(50\%-70px\)\]:where([dir=rtl], [dir=rtl] *) {
        inset-inline-start: calc(50% - 70px) !important
    }

    .rtl\:md\:tw-end-\[80\%\]:where([dir=rtl], [dir=rtl] *) {
        inset-inline-end: 80%
    }

    .rtl\:md\:tw-right-\[10\%\]:where([dir=rtl], [dir=rtl] *) {
        right: 10%
    }

    .rtl\:md\:tw-order-1:where([dir=rtl], [dir=rtl] *) {
        order: 1
    }

    .rtl\:md\:tw-origin-bottom:where([dir=rtl], [dir=rtl] *) {
        transform-origin: bottom
    }

    .rtl\:md\:tw-translate-x-1\/2:where([dir=rtl], [dir=rtl] *) {
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .rtl\:md\:tw-animate-\[linear_leftToRight_15s_infinite\]:where([dir=rtl], [dir=rtl] *) {
        animation: linear tw-leftToRight 15s infinite
    }

    @keyframes tw-leftToRight {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(50%)
        }
    }

    .rtl\:md\:tw-animate-\[linear_leftToRight_25s_infinite\]:where([dir=rtl], [dir=rtl] *) {
        animation: linear tw-leftToRight 25s infinite
    }

    .rtl\:md\:tw-flex-row-reverse:where([dir=rtl], [dir=rtl] *) {
        flex-direction: row-reverse
    }

    .rtl\:md\:\!tw-text-right:where([dir=rtl], [dir=rtl] *) {
        text-align: right !important
    }

    .rtl\:md\:tw-text-right:where([dir=rtl], [dir=rtl] *) {
        text-align: right
    }
}

@media(min-width:1023px) {
    .rtl\:lg\:\!tw-start-\[30\%\]:where([dir=rtl], [dir=rtl] *) {
        inset-inline-start: 30% !important
    }

    .rtl\:lg\:tw-right-\[-10\%\]:where([dir=rtl], [dir=rtl] *) {
        right: -10%
    }
}

@media(min-width:1400px) {
    .rtl\:xl\:tw-right-\[10\%\]:where([dir=rtl], [dir=rtl] *) {
        right: 10%
    }

    .rtl\:xl\:tw-w-\[600px\]:where([dir=rtl], [dir=rtl] *) {
        width: 600px
    }

    .rtl\:xl\:tw-scale-x-\[-1\.3\]:where([dir=rtl], [dir=rtl] *) {
        --tw-scale-x: -1.3;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.\[\&\:not\(\:disabled\)\:hover\]\:tw-bg-discount-button-hover:not(:disabled):hover {
    background-image: linear-gradient(0deg, var(--effects-component-button-hover) 0%, var(--effects-component-button-hover) 100%, rgb(var(--surface-discount-regular)) 100%)
}

.\[\&\:not\(\:disabled\)\:hover\]\:tw-bg-error-button-hover:not(:disabled):hover {
    background-image: linear-gradient(0deg, var(--effects-component-button-hover) 0%, var(--effects-component-button-hover) 100%, var(--surface-error-regular) 100%)
}

.\[\&\:not\(\:disabled\)\:hover\]\:tw-bg-positive-button-hover:not(:disabled):hover {
    background-image: linear-gradient(0deg, var(--effects-component-button-hover) 0%, var(--effects-component-button-hover) 100%, var(--surface-positive-regular) 100%)
}

.\[\&\:not\(\:disabled\)\:hover\]\:tw-bg-primary-button-hover:not(:disabled):hover {
    background-image: linear-gradient(0deg, var(--effects-component-button-hover) 0%, var(--effects-component-button-hover) 100%, var(--surface-primary-regular) 100%)
}

.\[\&\:not\(\:disabled\)\:hover\]\:\[box-shadow\:0px_0px_0px_4px_var\(--extra-black-10\)\]:not(:disabled):hover {
    box-shadow: 0 0 0 4px var(--extra-black-10)
}

.\[\&\:not\(\:disabled\)\:hover\]\:\[box-shadow\:0px_0px_0px_4px_var\(--extra-white-20\)\]:not(:disabled):hover {
    box-shadow: 0 0 0 4px var(--extra-white-20)
}

@media(min-width:576px) {
    .container-primary {
        max-width: 576px
    }
}

@media(min-width:768px) {
    .container-primary {
        max-width: 768px
    }
}

@media(min-width:1023px) {
    .container-primary {
        max-width: 1023px
    }
}

@media(min-width:1400px) {
    .container-primary {
        max-width: 1400px
    }
}

.container-primary {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {
    .container-primary {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:1023px) {
    .container-primary {
        width: 100%;
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:1400px) {
    .container-primary {
        width: 100%;
        padding-right: 130px;
        padding-left: 130px;
        margin-right: auto;
        margin-left: auto
    }
}

.p {
    font-size: var(--p-font-size-mobile, 16px);
    margin-bottom: 0;
    line-height: 1.5
}

@media(min-width:768px) {
    .p {
        font-size: var(--p-font-size-desktop, 16px)
    }
}

.note2 {
    font-weight: 400;
    font-size: var(--note2-font-size, 12px);
    line-height: 1.33;
    margin-bottom: 0
}

.btn {
    font-size: var(--btn-font-size, 16px);
    font-weight: 800;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: var(--btn-padding, 10px 20px);
    line-height: 1.6;
    transition: all .2s ease
}

@media(max-width:1022.98px) {
    .btn {
        font-size: var(--btn-font-size-mobile, var(--btn-font-size, 16px))
    }
}

.btn.btn-black:not(:disabled):not(.disabled):active,
.btn.btn-black:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn.btn-black:not(:disabled):not(.disabled):active:focus,
.btn.btn-black:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #26262680
}

.btn.btn-white:not(:disabled):not(.disabled):active,
.btn.btn-white:not(:disabled):not(.disabled).active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #dfdfdf
}

.btn.btn-white:not(:disabled):not(.disabled):active:focus,
.btn.btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #e0e0e080
}

.btn.btn-blue:not(:disabled):not(.disabled):active,
.btn.btn-blue:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #002dcc;
    border-color: #002abf
}

.btn.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn.btn-blue:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #2656ff80
}

.nav--2 .nav__item--btn:not(:disabled):not(.disabled):active,
.nav--2 .nav__item--btn:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #cc7a00;
    border-color: #0000
}

.nav--2 .nav__item--btn:not(:disabled):not(.disabled):active:focus,
.nav--2 .nav__item--btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #33333380
}

.nav--3 .nav__item--btn:not(:disabled):not(.disabled):active,
.nav--3 .nav__item--btn:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #cc7a00;
    border-color: #0000
}

.nav--3 .nav__item--btn:not(:disabled):not(.disabled):active:focus,
.nav--3 .nav__item--btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #33333380
}

.nav__item--btn:not(:disabled):not(.disabled):active,
.nav__item--btn:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #202020;
    border-color: #0000
}

.nav__item--btn:not(:disabled):not(.disabled):active:focus,
.nav__item--btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem #ffffff80
}

body {
    background: #fff;
    color: #000;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    line-height: 1.4
}

.options-label {
    font-size: 14px
}

.order-quantity-options__badge {
    background-color: var(--order-option-badge-color, #387FF5)
}

.btn {
    border-radius: 5px
}

.max-layout-width {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto
}

.flex-1 {
    flex: 1
}

@supports (mix-blend-mode: screen) {}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--separate-dial-code input.iti__tel-input,
.iti--separate-dial-code input.iti__tel-input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #0000000d
}

.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover {
    cursor: default
}

.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #0000000d
}

.iti__flag {
    width: 20px
}

@media(min-resolution:2x) {
    .iti__flag {
        background-size: 5762px 15px
    }
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px #888;
    background-image: url(../assets/flags-BMGzDaSL.png?1);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media(min-resolution:2x) {
    .iti__flag {
        background-image: url(../assets/flags@2x-DTOyOn_-.png?1)
    }
}

body {
    margin: 0px;
}

input {
    width: 100%;
}

/* In IE, don't show the X at the end of an input field, leads to bugs in our current codebase */
input[name="cvc"]::-ms-clear {
    width: 0;
    height: 0;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.tw-hidden {
    display: none;
}

/* Make clicks pass-through */

/* Fancy blur effect */

/* Remove these to get rid of the spinner */

.cart-input-ixopay {
    font-family: Arial;
}

   @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap');

  :root {
    --orange: #FF9900;
    --orange-light: #FFB640;
    --orange-dim: rgba(255,153,0,0.12);
    --dark: #151515;
    --dark-2: #1F1F1F;
    --dark-3: #292929;
    --white: #FFFFFF;
    --muted: #B9B9B9;
    --subtle: #6B6B6B;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'DM Sans', sans-serif;
    background: #0e0e0e;
  }

  footer {
    background: var(--dark);
    color: var(--white);
    overflow: hidden;
    position: relative;
  }

  /* Decorative top border */
  .footer-topbar {
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--orange), var(--orange-light), var(--orange), transparent);
  }

  /* Glow blob */
  footer::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 300px;
    background: radial-gradient(ellipse, rgba(255,153,0,0.07) 0%, transparent 70%);
    top: 0; left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .footer-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 32px 48px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 48px;
  }

  /* Brand column */
  .brand-col {}

  /* Newsletter */
  .newsletter-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 10px;
	margin-top: 20px;
  }

  .newsletter-offer {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 8px;
    line-height: 1.2;
  }

  .newsletter-offer span {
    color: var(--orange);
  }

  .newsletter-sub {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 14px;
    line-height: 1.5;
  }

  .newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .newsletter-input-wrap {
    display: flex;
    background: var(--dark-2);
    border: 1px solid var(--dark-3);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s;
  }

  .newsletter-input-wrap:focus-within {
    border-color: var(--orange);
  }

  .newsletter-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    padding: 11px 14px;
    font-size: 13px;
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
  }

  .newsletter-btn {
    background: var(--orange);
    color: #000;
    border: none;
    padding: 11px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    font-family: 'DM Sans', sans-serif;
    transition: background 0.2s;
    white-space: nowrap;
  }

  .newsletter-btn:hover { background: var(--orange-light); }

  .unsub-note {
    font-size: 11px;
    color: var(--subtle);
    text-align: center;
  }

  /* Nav columns */
  .nav-col {}

  .nav-col-title {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--dark-3);
  }

  .nav-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .nav-links a {
    color: var(--muted);
    text-decoration: none;
    font-size: 13.5px;
    transition: color 0.2s, padding-left 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .nav-links a::before {
    content: '';
    width: 0;
    height: 1px;
    background: var(--orange);
    transition: width 0.2s;
    flex-shrink: 0;
  }

  .nav-links a:hover {
    color: var(--white);
    padding-left: 4px;
  }

  .nav-links a:hover::before { width: 10px; }

  /* Contact column */
  .contact-col {}

  .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
  }

  .contact-icon {
    width: 32px;
    height: 32px;
    background: var(--orange-dim);
    border: 1px solid rgba(255,153,0,0.2);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .contact-icon svg { width: 15px; height: 15px; color: var(--orange); }

  .contact-text {
    display: flex;
    flex-direction: column;
  }

  .contact-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--subtle);
    margin-bottom: 2px;
  }

  .contact-value {
    color: var(--muted);
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
  }

  .contact-value:hover { color: var(--orange); }

  .email-btn {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--orange-dim);
    border: 1px solid rgba(255,153,0,0.3);
    border-radius: 6px;
    padding: 8px 14px;
    color: var(--orange);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
  }

  .email-btn:hover {
    background: rgba(255,153,0,0.2);
    border-color: var(--orange);
  }

  /* Social row */

  /* Divider */
  .footer-divider {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
  }

  .divider-line {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dark-3) 20%, var(--dark-3) 80%, transparent);
  }

  /* Bottom bar */
  .footer-bottom {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }

  .copyright {
    font-size: 12px;
    color: var(--subtle);
  }

  .copyright span { color: var(--muted); }

  .payment-badges {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .badge {
    background: var(--dark-2);
    border: 1px solid var(--dark-3);
    border-radius: 6px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    height: 30px;
  }

  .badge svg { height: 16px; }

  .bottom-links {
    display: flex;
    gap: 20px;
  }

  .bottom-links a {
    font-size: 12px;
    color: var(--subtle);
    text-decoration: none;
    transition: color 0.2s;
  }

  .bottom-links a:hover { color: var(--orange); }

  /* Responsive */
  @media (max-width: 1023px) {
    .footer-main {
      grid-template-columns: 1fr 1fr;
      gap: 36px;
      padding: 48px 24px 40px;
    }
    .brand-col { grid-column: 1 / -1; }
    .footer-bottom { padding: 16px 24px; }
    .footer-divider { padding: 0 24px; }
  }

  @media (max-width: 640px) {
    .footer-main {
      grid-template-columns: 1fr;
      gap: 32px;
      padding: 40px 20px 32px;
    }
    .footer-bottom {
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 12px;
    }
    .footer-divider { padding: 0 20px; }
    .bottom-links { flex-wrap: wrap; gap: 12px; }
  }

  .bg-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7); /* black opacity */
  z-index: 1;
}

.bg-img > * {
  position: relative;
  z-index: 2;
}

      .whoops-container {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 999999;
    display: block;
}

.whoops {
    width: 350px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.whoops img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    margin-top: 2px;
    flex-shrink: 0;
}

.whoops .texts {
    flex: 1;
}

.whoops .texts p {
    margin: 0;
}

.whoops .texts p:first-child {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 8px;
}

.whoops .texts p:last-child {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #111;
    font-weight: 700 !important;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .whoops-container {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .whoops {
        width: auto;
    }
}


.whoops-container {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 999999;

    opacity: 0;
    transform: translateX(-50px);
    animation: popupSlideIn 0.6s ease forwards;
}

@keyframes popupSlideIn {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}