/*
 * Stepper
 * Margin
 * Padding
 */

.hidden {
    display: none;
}

.txt-uppercase {
    text-transform: uppercase !important
}


#lokuswp-cart, #lokuswp-checkout{
    background: #fff;
}

/* Position */

.txt-r {
    text-align: right !important
}

.txt-l {
    text-align: left !important
}

.txt-c {
    text-align: center !important
}

.txt-u {
    border-bottom: 1px solid #F7865D
}

hr {
    margin: 10px 0;
    background-color: #f2f4f3;
    height: 2px;
    border: none
}

.mrg-l1 {
    margin-left: 4px;
}

.mrg-l2 {
    margin-left: 8px;
}

.mrg-b0 {
    margin-bottom: 0 !important;
}

.mrg-b4 {
    margin-bottom: 16px !important;
}

.dsp-block {
    display: block;
}

.dsp-none {
    display: none
}


/* Troli */

.troli-icon {
    position: relative;
}

.troli-qty {
    position: absolute;
    top: 1px;
    right: 4px;
    font-weight: 600;
    color: red;
    font-size: 12px;
}


/* SVG */
.lwp-mobile-first{
    max-width: 480px !important;
    margin: 0 auto;

}


.lwc-listing {
    max-width: 100%;
}


/* Padding */

.p-2 {
    padding: 8px;
}


/* Display */

.d-flex {
    display: flex;
}


/* ------------------ Stepper ------------------- */

.lokuswp-stepper {
    width: 100px;
    height: 32px;
    margin: 8px auto;
    box-shadow: rgba(9, 30, 66, 0.14) 0px 1px 1px, rgba(132, 132, 132, 0.31) 0px 0px 1px 0px;
}

.lokuswp-stepper svg {
    margin: 0;
}

.lokuswp-stepper button {
    background: #fff;
    width: 32px !important;
    border: none !important;
    cursor: pointer;
    margin: 0;
    float: left;
    font-size: 18px;
    text-align: center;
    height: 32px;
    border-radius: 0;
    padding: 6px !important;
    color: #5F6973;
}

.lokuswp-stepper button:focus {
    background: none !important;
    color: #000;
}

.lokuswp-stepper button,
.lokuswp-stepper input:focus {
    border: none;
}

.lokuswp-stepper button img {
    margin: 0 auto;
}

.lokuswp-stepper button:hover {
    color: red;
    background: #fff;
}

.lokuswp-stepper input {
    padding: 0 !important;
    margin: 0 0 0 1px;
    width: 35px !important;
    height: 32px;
    border: none !important;
    border-left: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    float: left;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.lokuswp-stepper input[type=number]::-webkit-inner-spin-button,
.lokuswp-stepper [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}