﻿#cart-gifting .s-list-tile-item {
    background-color: var(--bg-primary);
    color: var(--store-text-primary)
}

    #cart-gifting .s-list-tile-item .s-list-tile-item-title span {
        align-items: center;
        background: #414042;
        background: var(--color-primary);
        border-radius: 50%;
        display: flex;
        font-size: 1.5rem;
        height: 4rem;
        justify-content: center;
        line-height: 2rem;
        width: 4rem
    }

        #cart-gifting .s-list-tile-item .s-list-tile-item-title span svg {
            fill: #ff6767;
            fill: var(--color-primary-reverse)
        }

    #cart-gifting .s-list-tile-item .s-list-tile-item-subtitle {
        color: var(--store-text-secondary)
    }

.product-card__full-image #cart-gifting .s-list-tile-item .s-list-tile-item-subtitle {
    color: #fff
}

#cart-gifting .s-list-tile-item .s-list-tile-item-action .s-button-btn {
    background-color: #414042;
    background-color: var(--color-primary);
    border: #414042;
    border: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse)
}

.qty-field--custom {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative
}

    .qty-field--custom .form-control.single_product_quantity {
        width: calc(100% - 100px);
        max-width: 100px;
        height: 36px;
        text-align: center;
        flex: auto;
        font-weight: 700;
        margin: 0 !important;
        -webkit-user-select: initial;
        -moz-user-select: initial;
        -ms-user-select: initial;
        user-select: initial;
        border-right: none;
        border-left: none;
        border-radius: 0 !important
    }

    .qty-field--custom .btn--qty-add, .qty-field--custom .btn--qty-sub {
        height: 36px;
        flex: 0 0 50px;
        background: #fff;
        border: 1px solid #dcdcdc;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        .qty-field--custom .btn--qty-add i, .qty-field--custom .btn--qty-sub i {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-weight: 700;
            transform: translateY(-1px)
        }

        .qty-field--custom .btn--qty-add:active, .qty-field--custom .btn--qty-add:focus, .qty-field--custom .btn--qty-add:hover, .qty-field--custom .btn--qty-sub:active, .qty-field--custom .btn--qty-sub:focus, .qty-field--custom .btn--qty-sub:hover {
            border-color: #dcdcdc;
            background: 0 0;
            box-shadow: none;
            color: #555 !important
        }

    .qty-field--custom .btn--qty-add {
        border-radius: 0 3px 3px 0 !important;
        border-left: none
    }

        .qty-field--custom .btn--qty-add:before {
            right: auto !important;
            left: 0
        }

    .qty-field--custom .btn--qty-sub {
        border-radius: 3px 0 0 3px !important;
        border-right: none
    }

    .qty-field--custom .btn:before {
        content: "";
        height: 80%;
        width: 1px;
        background: #dcdcdc;
        position: absolute;
        top: 10%;
        right: 0
    }

    .qty-field--custom:hover .btn, .qty-field--custom:hover .form-control {
        border-color: #c3c3c3 !important
    }

@media only screen and (max-width:480px) {
    .qty-field--custom .btn--qty-add, .qty-field--custom .btn--qty-sub {
        flex: 0 0 40px
    }
}

body.font-dinnextltarabic-regular .qty-field--custom .btn--qty-add, body.font-dinnextltarabic-regular .qty-field--custom .btn--qty-sub {
    padding-top: 4px
}

body.font-amazon-ember .qty-field--custom .btn--qty-add, body.font-amazon-ember .qty-field--custom .btn--qty-sub, body.font-apple .qty-field--custom .btn--qty-add, body.font-apple .qty-field--custom .btn--qty-sub {
    padding-bottom: 6px
}

body.font-estedad .qty-field--custom .btn--qty-add, body.font-estedad .qty-field--custom .btn--qty-sub {
    height: 36px
}
