.f-cart-drawer {
    --f-bg-color: 0, 0, 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: background-color var(--f-duration-default, 0.25s) cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(var(--f-bg-color), var(--f-bg-opacity));
    display: none;
    touch-action: none;
    z-index: 100
}

.f-cart-drawer--active {
    display: block
}
.f-cart-drawer--active.f-cart-drawer__inner-show .f-cart-drawer__inner{
    transform: translate3d(0, 0, 0);

}

.f-cart-drawer__inner {
    background-color: rgb(var(--color-background));
    min-height: 100%;
    transition: transform var(--f-duration-default, 0.25s) cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate3d(100%, 0, 0);
    margin-left: auto
}

@media screen and (min-width: 768px) {
    .f-cart-drawer__inner {
        width: 460px
    }
}

@media screen and (max-width: 767px) {
    .f-cart-drawer__inner {
        width: calc(100% - 40px)
    }
}

.f-cart-drawer__title {
    color: rgb(var(--color-foreground))
}

.f-cart-drawer__header {
    padding: 0 20px 16px
}

@media screen and (min-width: 768px) {
    .f-cart-drawer__header {
        padding-top: 20px
    }
}

@media screen and (max-width: 639px) {
    .f-cart-drawer__header {
        padding: 16px
    }
}

.f-cart-drawer__body {
    overscroll-behavior: contain;
    padding: 0 20px 16px
}

@media screen and (max-width: 639px) {
    .f-cart-drawer__body {
        padding: 0 16px 16px
    }
}

.f-cart-drawer__footer--wrapper {
    padding: 20px 20px 16px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .12)
}

.f-cart-drawer__footer--wrapper .f-terms-conditons {
    margin: 0 0 15px
}

@media screen and (max-width: 639px) {
    .f-cart-drawer__footer--wrapper {
        padding: 20px 12px 16px
    }
}

.f-cart-drawer__close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    padding: 8px
}

.f-cart-drawer__close * {
    pointer-events: none
}

.f-cart-drawer__link-to-cart {
    --btn-link-border: 1px;
    color: rgb(var(--color-foreground-secondary));
    margin-top: 8px
}

.f-cart-drawer__link-to-cart:hover {
    color: rgb(var(--color-foreground))
}

.f-cart-drawer__link-to-cart::after, .f-cart-drawer__link-to-cart::before {
    bottom: 3px
}

.f-cart-drawer foxkit-cart-goal {
    margin-bottom: 0
}

.f-cart-drawer .foxkit-cart-countdown-hook {
    margin-top: 8px
}

.f-cart-drawer foxkit-visible-check h1, .f-cart-drawer foxkit-visible-check h2, .f-cart-drawer foxkit-visible-check h3, .f-cart-drawer foxkit-visible-check h4, .f-cart-drawer foxkit-visible-check h5, .f-cart-drawer foxkit-visible-check h5, .f-cart-drawer foxkit-visible-check a, .f-cart-drawer foxkit-visible-check .foxkit-card__prices, .f-cart-drawer foxkit-visible-check .foxkit-product-card__price {
    --foxkit-prices-color: rgb(var(--color-foreground));
    color: rgb(var(--color-foreground))
}

@media screen and (min-width: 768px) {
    .f-cart-drawer .f-cart-addon__header button {
        flex-direction: row;
        justify-content: center
    }

    .f-cart-drawer .f-cart-addon__header button > svg {
        flex: 0 0 auto
    }

    .f-cart-drawer .f-cart-addon__header button .f-cart-addon__text {
        margin-left: 6px
    }
}

.f-cart {
    display: block;
    margin-bottom: 40px
}

.f-cart__wrapper {
    flex: 1
}

.f-cart__header {
    font-weight: 500;
    border-bottom: 1px solid rgb(var(--color-border));
    margin-bottom: 4px
}

.f-cart__column {
    width: 40%;
    flex: 0 0 auto;
    padding: 8px 10px
}

.f-cart__column:first-child {
    padding-left: 0
}

.f-cart__column:last-child {
    padding-right: 0
}

.f-cart__column--product {
    flex: 1;
    width: auto
}

@media screen and (min-width: 768px) {
    .f-cart__column {
        width: 20%;
        padding: 16px 24px
    }

    .f-cart__column--subtotal {
        padding-right: 0;
        width: 12%
    }

    .f-cart__column--price {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .f-cart__column--price {
        padding-right: 0;
        text-align: right
    }

    .f-cart__column--quantity {
        padding: 0
    }
}

.f-cart__trust-badge {
    margin-top: 12px
}

.f-cart__checkout {
    margin-top: 20px
}
.f-cart__checkout-button{
    margin-bottom: 15px;
}
.f-cart__checkout .show-terms-conditions {
    margin-top: 12px
}

.f-cart__footer--wrapper {
    width: 420px;
    padding: 3rem 0 0;
    position: relative
}

@media screen and (max-width: 639px) {
    .f-cart__footer--wrapper {
        width: 100%;
        padding: 2rem 0;
        margin: 0
    }
}

.f-cart__footer .f-cart__discount--item {
    font-size: 14px
}

.f-cart__summary {
    margin: 0 0 16px;
}

.f-cart__discount--item {
    font-size: 12px;
    color: #c74230;
    display: flex;
    text-transform: uppercase
}

.f-cart__discount--item svg {
    width: 12px;
    margin-right: 5px
}

.f-cart__subtotal--label, .f-cart__subtotal--price {
    font-size: 18px
}

.f-cart__overlay {
    background: rgba(var(--color-background), 0.9);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: var(--f-duration-default, 0.25s) all;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.f-cart__overlay.open {
    visibility: visible;
    opacity: 1
}

.f-cart .f-cart-addon__header {
    position: relative;
    z-index: 1;
    margin-bottom: 16px
}

.f-cart .f-cart-addon__body {
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .12);
    border-radius: var(--medium-blocks-radius);
    position: relative;
    transform: none;
    display: none;
    padding: 24px 20px
}

.f-cart .f-cart-addon__body.open {
    display: block
}

.f-cart .f-gift-wrapping--label {
    margin-top: 20px;
    padding-bottom: 20px
}

.f-cart__empty {
    margin: 100px 0;
    padding: 0 16px
}

@media screen and (min-width: 1280px) {
    .f-cart {
        margin-bottom: 100px
    }
}

@media screen and (max-width: 767px) {
    .f-cart .foxkit-incart-items {
        margin-top: 15px
    }
}

.f-cart-addon__header {
    display: flex;
    column-gap: 5px
}

.f-cart-addon__header button {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0;
    outline: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    background-color: rgb(var(--color-background-secondary));
    border-radius: var(--btn-border-radius);
    padding: 8px 10px;
    transition: all var(--f-duration-default) cubic-bezier(0.104, 0.204, 0.492, 1)
}

.f-cart-addon__header button * {
    pointer-events: none
}

.f-cart-addon__header button .f-cart-addon__text {
    margin-left: 6px
}

@media screen and (min-width: 768px) {
    .f-cart-addon__header button {
        flex-flow: column;
        flex: 1
    }

    .f-cart-addon__header button .f-cart-addon__text {
        margin: 0
    }

    .f-cart-addon__header button svg {
        flex: 1
    }
}

@media screen and (max-width: 767px) {
    .f-cart-addon__header button {
        width: auto
    }

    .f-cart-addon__header button .f-cart-addon__text {
        max-width: 0;
        width: 0;
        overflow: hidden;
        margin-left: 0
    }
}

.f-cart-addon__header button:hover, .f-cart-addon__header button.active {
    background-color: rgb(var(--color-button-hover));
    color: rgb(var(--color-button-text-hover))
}

@media screen and (max-width: 767px) {
    .f-cart-addon__header button:hover .f-cart-addon__text, .f-cart-addon__header button.active .f-cart-addon__text {
        width: auto;
        max-width: 100%;
        overflow: visible;
        margin-left: 6px
    }
}

@media screen and (max-width: 767px) {
    .f-cart-addon__header button {
        font-size: 13px
    }

    .f-cart-addon__header button svg {
        max-width: 20px;
        margin-bottom: 0
    }

    .f-cart-addon__header button:after {
        top: 8px
    }
}

.f-cart-addon__icon--shipping, .f-cart-addon__icon--discount {
    width: 22px;
    height: 22px
}

.f-cart-addon__icon--noti {
    position: absolute;
    border: 2px solid rgba(var(--bg-white), 1);
    width: 16px;
    height: 16px;
    top: -8px;
    left: 50%;
    transform: translate3d(50%, 0, 0);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    background: #334bfa
}

.f-cart-addon__body {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 1rem 4rem 1rem;
    background: rgb(var(--color-background));
    box-shadow: 20px 0 20px rgba(0, 0, 0, .12);
    z-index: 1;
    transition: var(--f-duration-default, 0.25s) ease-in-out;
    pointer-events: none;
    transform: translate3d(0, 100%, 0)
}

.f-cart-addon__body.open {
    pointer-events: auto;
    transform: translate3d(0, 0, 0)
}

.f-cart-addon__title {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    font-size: 18px
}

.f-cart-addon__title svg {
    margin-right: 8px
}

.f-cart-addon__content {
    margin-bottom: 20px
}

.f-cart-addon__action {
    column-gap: 12px
}

.f-cart-addon__action button {
    flex: 1
}

.f-cart-addon__shipping-rate:not(:empty) {
    padding: 20px 0
}

.f-cart-addon__shipping-rate--label {
    font-weight: 500;
    margin-bottom: 12px
}

.f-cart-addon__shipping-rate--item {
    color: rgb(var(--color-foreground-secondary));
    margin-bottom: 2px
}

.f-cart-addon__shipping-rate--item:last-child {
    margin-bottom: 0
}

.f-cart-item__remove, .tcustomizer-btn--edit-option {
    --btn-link-border: 1px;
    margin-top: 8px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(var(--color-foreground), 0.75);
    text-transform: capitalize
}

.f-cart-item__remove:hover, .tcustomizer-btn--edit-option:hover {
    color: rgb(var(--color-foreground))
}

.f-cart-item__remove::after, .f-cart-item__remove::before, .tcustomizer-btn--edit-option::after, .tcustomizer-btn--edit-option::before {
    bottom: 3px
}

.f-cart-item {
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgb(var(--color-border));
    padding: 12px 0
}

.f-cart-item__product {
    display: flex;
    align-items: flex-start
}

.f-cart-item__image {
    display: block;
    width: 110px;
    overflow: hidden;
    min-width: 110px
}

.f-cart-item__image.f-cart-drawer-item__image {
    border: 1px solid rgb(var(--color-border))
}

@media screen and (max-width: 767px) {
    .f-cart-item__image {
        width: 65px;
        min-width: 65px
    }
}

@media screen and (max-width: 639px) {
    .f-cart-item__image {
        width: 60px;
        min-width: 60px
    }
}

.f-cart-item__info {
    padding-left: 24px
}

@media screen and (min-width: 640px) {
    .f-cart-item__info.f-cart-drawer-item__info {
        padding-left: 16px
    }
}

@media screen and (max-width: 639px) {
    .f-cart-item__info {
        padding-left: 12px
    }
}

.f-cart-item__title {
    font-weight: 500;
    display: block
}

.f-cart-item__title:hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline
}

.f-cart-item__property a {
    text-decoration: underline
}

.f-cart-item__property a:hover {
    color: rgb(var(--color-foreground))
}

.f-cart-item__price-discounted:not(.m\:hidden) {
    display: flex;
    flex-wrap: wrap
}

.f-cart-item__price-discounted:not(.m\:hidden) .f-cart-item__price--final {
    margin-left: 8px
}

.f-cart-item__price-discounted .f-cart-item__price--regular {
    color: rgb(var(--color-foreground-secondary))
}

.f-cart-item__price + .f-cart__discount {
    margin-bottom: 4px
}

.f-cart-item__option, .f-cart-item__property {
    word-break: break-all
}

.f-cart-item + .notification.show {
    margin-top: 20px
}

.f-cart-item .f-quantity {
    max-width: 120px;
    min-height: 42px
}

@media screen and (max-width: 767px) {
    .f-cart-item .f-quantity {
        min-height: 36px;
        width: 100%
    }

    .f-cart-item .f-quantity .f-quantity__button, .f-cart-item .f-quantity .f-quantity__input {
        width: 100%;
        max-width: 40px
    }
}

.f-cart-drawer-item {
    border-bottom: 0
}

.f-cart-drawer-item__variant {
    margin-bottom: 4px
}

.f-cart-drawer-item__quantity {
    margin-top: 10px
}

.f-cart-drawer-item .f-cart-item__remove {
    margin-left: 8px;
    margin-top: 0;
}

.f-cart-drawer-item .f-quantity {
    margin-top: 0;
    background-color: rgb(var(--color-form-field));
    color: rgb(var(--color-form-field-text));
    min-height: 36px;
    width: 110px
}

.f-cart-drawer-item .f-quantity input {
    background-color: rgba(0, 0, 0, 0)
}

.f-cart-drawer-item .f-incart {
    margin-top: 15px
}

.additional-checkout-buttons {
    margin-top: 10px
}

.additional-checkout-buttons .dynamic-checkout__content ul {
    column-gap: 10px;
    row-gap: 10px
}

.additional-checkout-buttons .dynamic-checkout__content ul li {
    margin-top: 0 !important
}