/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/Payment.vue?vue&type=style&index=0&id=73e3d848&lang=postcss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.payment-text
    {
        text-align: center;
}
.error-heading
    {
        font-size: 65px;
}
.error-desc-wrap
    {
        font-size: 22px;
        margin-top: 3rem;
        line-height:30px;
}
.error-desc-wrap p
    {
        margin-top: .5rem;
}
.center
    {
        align-items: center;
        margin-top:8rem;
        margin-bottom:10rem;
}
.backhome
    {
        margin-top: 3rem;
}
.left
    {
        margin-left: 2rem;
}
.right
    {
        margin-right: 2rem;
}
@media only screen and (max-width: 767px){
.payment-text
        {        
            text-align: center;
            width: 90%;
            margin: 2rem auto;
}
.error-heading
        {
            font-size: 40px;
}
.error-desc-wrap
        {
            font-size: 15px;
            margin-top: 2rem;
            line-height:20px;
}
.error-desc-wrap p
        {
            margin-top: 1rem;
}
.center
        {
            align-items: center;
            margin-top:12rem;
            margin-bottom:4rem;
}
.backhome
        {
            margin-top: 2rem;
}
.left
        {
            margin-left: 0;
}
.right
        {
            margin-right: 0;
}
}
@media only screen and (max-width: 476px){
.left
        {
            margin-top: 1rem;
}
}


/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/PaymentResult.vue?vue&type=style&index=0&id=67f80035&lang=postcss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.error-text
    {
        text-align: center;
}
.payment-result-heading
    {
        font-size: 50px;
}
.error-desc-wrap
    {
        font-size: 22px;
        margin-top: 3rem;
        line-height:30px;
}
.error-desc-wrap p
    {
        margin-top: .5rem;
}
.center
    {
        align-items: center;
        margin-top:8rem;
        margin-bottom:10rem;
}
.backhome
    {
        margin-top: 3rem;
}
.left
    {
        margin-left: 2rem;
}
.right
    {
        margin-right: 2rem;
}
@media only screen and (max-width: 767px){
.error-text
        {        
            text-align: center;
            width: 90%;
            margin: 2rem auto;
}
.payment-result-heading
        {
            font-size: 40px;
}
.error-desc-wrap
        {
            font-size: 15px;
            margin-top: 2rem;
            line-height:20px;
}
.error-desc-wrap p
        {
            margin-top: 1rem;
}
.center
        {
            align-items: center;
            margin-top:12rem;
            margin-bottom:4rem;
}
.backhome
        {
            margin-top: 2rem;
}
.left
        {
            margin-left: 0;
}
.right
        {
            margin-right: 0;
}
}


/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/form/Checkbox.vue?vue&type=style&index=0&id=13d2f43c&lang=postcss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.form-check{
      margin-bottom: .5rem;
      width: 100%;
      user-select: none;
}
.form-check-input {
    position: absolute;
    opacity: 0;
}
.form-check-label{
    display: flex;
    align-items: center;
}
.form-check-input + label {
      position: relative;
      cursor: pointer;
      font-size: .875rem;
      font-weight: 400;
}
.form-check__box{
    flex-shrink: 0;
    position: relative;
}
.form-check__text{
    margin-left: .5rem;
}
.form-check__box{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px;
    background: var(--bg-primary);
    border: 1px solid var(--text-tertiary);
}
.form-check-input:checked + .form-check-label .form-check__box{
      border-color: var(--main-default);
      background: var(--main-default);
}
.form-check__box .svg-icon{
    color: var(--text-button);
}
.form-check-input:disabled + label {
    color: var(--text-tertiary);
    cursor: auto;
}
.form-check-input:disabled + .form-check__box {
    box-shadow: none;
    background: var(--other-secondary);
}
@media (max-width: 767px) {
.form-check__text{
        font-size: .875rem;
        line-height: 1.125rem;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/PaymentFailure.vue?vue&type=style&index=0&id=d79b9fc0&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart_page{
        background: var(--bg-primary);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/PaymentSuccess.vue?vue&type=style&index=0&id=704d1484&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart_page{
        background: var(--bg-primary);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartSummary.vue?vue&type=style&index=0&id=4292e38d&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.summary[data-v-4292e38d]{
        background: var(--bg-primary);
        padding: 1.75rem 2rem;
        border-radius: 1rem;
}
.summary__header[data-v-4292e38d]{
        display: block;
        margin-bottom: 1rem;
}
.summary__total-item[data-v-4292e38d],
    .summary__subtotal-item[data-v-4292e38d]{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
}
.summary__subtotal-item[data-v-4292e38d]{
        font-size: 1rem;
        line-height: 1.375rem;
}
.summary__subtotal-item + .summary__subtotal-item[data-v-4292e38d]{
        margin-top: .75rem;
}
.summary__subtotal-item dd.--discount[data-v-4292e38d]{
        color: var(--text-error);
}
.summary hr[data-v-4292e38d]{
        margin: 2rem 0;
}
.summary__cashback[data-v-4292e38d]{
        margin-top: .5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
}
.summary__button[data-v-4292e38d]{
        width: 100%;
        margin-top: 2rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: 1rem;
}
.promocode[data-v-4292e38d]{
        position: relative;
        margin-top: 1.5rem;
}
.promocode__apply[data-v-4292e38d]{
        position: absolute;
        top: .875rem;
        right: 1rem;
        color: var(--main-default);
        font-weight: 300;
        padding: 0;
}
.privacy_agree[data-v-4292e38d]{
        margin-top: 2rem;
        display: flex;
        align-items: flex-start;
        gap: .75rem;
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--text-primary);
}
.summary__warning[data-v-4292e38d] {
        background: linear-gradient(90deg, #fff8e5, #fff1c4); /* Мягкий градиент */
        border: 1px solid #ffeb99;
        color: #856404;
        border-radius: 5px;
        padding: .875rem 1rem;
        margin: 1rem 0;
        font-size: .875rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 10px;
}
.summary__warning span[data-v-4292e38d] {
        flex-grow: 1;
}
.summary__warning[data-v-4292e38d]::before {
        content: '⚠️';
        font-size: 1.5rem;
}
@media (max-width: 767px) {
.summary[data-v-4292e38d]{
            padding: 1.25rem 1rem;
            border-radius: 0;
}
.summary__subtotal-item[data-v-4292e38d]{
            font-size: .875rem;
}
.summary__subtotal-item + .summary__subtotal-item[data-v-4292e38d]{
            margin-top: .5rem;
}
.summary hr[data-v-4292e38d]{
            margin: 1.75rem 0;
}
.summary__total-item dt[data-v-4292e38d],
        .summary__total-item dd[data-v-4292e38d]{
            font-size: 1.25rem;
            line-height: 1.5rem;
}
.summary__button[data-v-4292e38d]{
            margin-top: 1.75rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.summary__total-item dt[data-v-4292e38d],
        .summary__total-item dd[data-v-4292e38d]{
            font-size: 1.25rem;
            line-height: 1.5rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderItem.vue?vue&type=style&index=0&id=1ee5a96e&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-item__content[data-v-1ee5a96e]{
        display: flex;
        flex-direction: row;
        gap: 1rem;
        background: var(--bg-primary);
        width: 100%;
        padding: 2rem;
        border-radius: .5rem;
}
.order-item + .order-item[data-v-1ee5a96e]{
        margin-top: .75rem;
}
.order-item__select[data-v-1ee5a96e]{
        width: auto;
        flex: 0 0 auto;
}
.order-item > .row[data-v-1ee5a96e]{
        flex: 1;
}
.order-item__image[data-v-1ee5a96e]{
        display: block;
        padding: .75rem;
        background: var(--main-secondary-default);
        border-radius: .75rem;
}
.order-item__image[data-v-1ee5a96e] .image__item{
        width: 100%;
}
.order-item__image.mix-blend-darken[data-v-1ee5a96e] .image__item{
        mix-blend-mode: darken;
}
.order-item__section[data-v-1ee5a96e]{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.order-item__sku[data-v-1ee5a96e]{
        display: flex;
        flex-direction: row;
        margin-top: .5rem;
}
.order-item__sku dt[data-v-1ee5a96e]{
        color: var(--text-tertiary);
}
.order-item__sku dd[data-v-1ee5a96e]{
        margin-left: .5rem;
}
.order-item__price-section[data-v-1ee5a96e]{
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.order-item__remove[data-v-1ee5a96e]{
        padding: 0;
        color: var(--main-secondary-pressed);
        font-size: 1.5rem;
}
.order-item__price[data-v-1ee5a96e]{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: .75rem;
}
.order-item__price .base-price[data-v-1ee5a96e]{
        color: var(--text-tertiary);
        text-decoration: line-through;
        font-size: 1rem;
}
.order-item__price .final-price[data-v-1ee5a96e]{
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 600;
}
.order-item__quantity_section[data-v-1ee5a96e]{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1.5rem;
}
.order-item_favourite[data-v-1ee5a96e]{
        padding: 0;
        font-size: 1.5rem;
        color: var(--other-secondary);
}
.order-item_favourite.--active[data-v-1ee5a96e]{
        color: var(--main-default);
}
.order-quantity[data-v-1ee5a96e]{
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 3.25rem;
        padding: 1.75rem;
        background: var(--bg-secondary);
        border-radius: .75rem;
}
.item__properties[data-v-1ee5a96e]{
        display: grid;
        grid-template-columns: max-content auto;
        column-gap: .5rem;
        row-gap: .25rem;
        margin-top: .5rem;
}
.item__property[data-v-1ee5a96e]{
        display: contents;
}
.item__properties dt[data-v-1ee5a96e]{
        color: var(--text-tertiary);
}
.item__properties dd[data-v-1ee5a96e]{
        margin-left: .5rem;
}
@media (max-width: 767px) {
.order-item__content[data-v-1ee5a96e]{
            padding: 1rem;
            padding-right: 45px;
            gap: .75rem;
            border-radius: 0;
}
.order-item + .order-item[data-v-1ee5a96e]{
            margin-top: .5rem;
}
.order-item__description[data-v-1ee5a96e]{
            padding-right: 1.5rem;
}
.order-item__title[data-v-1ee5a96e]{
            font-size: .875rem;
            line-height: 1.125rem;
}
.order-item__sku[data-v-1ee5a96e]{
            margin-top: .25rem;
            font-size: .875rem;
            line-height: 1.125rem;
}
.order-item__price[data-v-1ee5a96e]{
            gap: .5rem;
}
.order-item__price .final-price[data-v-1ee5a96e]{
            font-size: 1.125rem;
            line-height: 1.375rem;
            font-weight: 600;
}
.order-item__price .base-price[data-v-1ee5a96e]{
            font-size: .875rem;
            line-height: 1.25rem;
}
.order-item__action[data-v-1ee5a96e]{
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            font-size: 1.5rem;
            line-height: 0;
            color: var(--other-secondary);
}
.order-item__mwishlish[data-v-1ee5a96e]{
            width: 3.5rem;
            background: var(--bg-alt-secondary	);
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--main-default);
}
.order-item__mdelete[data-v-1ee5a96e]{
            width: 3.5rem;
            background: var(--text-error);
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--bg-primary);
}
.order-item-popup[data-v-1ee5a96e]{
            justify-content: flex-end;
            align-items: flex-end;
}
.order-item-popup[data-v-1ee5a96e] .basepopup-dragable{
            position: relative;
            height: 2rem;
}
.order-item-popup[data-v-1ee5a96e] .basepopup-content{
            margin-top: -.5rem;
            min-height: initial;
            max-height: initial;
            height: initial !important;
}
.order-item-popup[data-v-1ee5a96e] .basepopup-content-wrapper{
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding-bottom: 0;
}
.order-item-popup[data-v-1ee5a96e] .option,
        .order-item__quantity[data-v-1ee5a96e]{
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.order-item-popup[data-v-1ee5a96e] .option__header{
            font-size: .875rem;
            line-height: 1.125rem;
            font-weight: 600;
}
.order-item__quantity-text[data-v-1ee5a96e]{
            font-size: .875rem;
            line-height: 1.125rem;
            font-weight: 600;
            color: var(--text-tertiary);
}
.order-item-popup hr[data-v-1ee5a96e]{
            border-top: 1px solid var(--other-default);
}
.order-item__popup-btns[data-v-1ee5a96e]{
            display: flex;
            justify-content: space-between;
            border-top: 1px solid var(--other-default);
            margin-top: 1.125rem;
            padding: 1.125rem 0;
}
.order-item__popup-btns .btn[data-v-1ee5a96e]{
            font-size: .875rem;
            line-height: 1.125rem;
            gap: .5rem;
            color: var(--text-tertiary);
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
}
.order-item__popup-btns .btn-icon[data-v-1ee5a96e]{
            font-size: 1.5rem;
}
.btn--wishlist.--active[data-v-1ee5a96e]{
            color: var(--main-default);
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartControl.vue?vue&type=style&index=0&id=5b25ed50&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart-control[data-v-5b25ed50]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--bg-primary);
        width: 100%;
        padding: 2rem;
        border-radius: 1rem;
        margin-bottom: 1.5rem;
}
.cart-control__actions[data-v-5b25ed50]{
        display: flex;
        align-items: center;
        gap: 1.25rem;
}
.cart-control__checkbox[data-v-5b25ed50]{
        margin-bottom: 0;
}
.cart-control__delete-all[data-v-5b25ed50]{
        text-align: left;
        padding: 0;
        color: var(--text-error);
}
.cart-control__share[data-v-5b25ed50]{
        display: flex;
        gap: .5rem;
        color: var(--main-hover);
        padding: 0;
}
.cart-control .btn--loading[data-v-5b25ed50]::after{
        border-top-color: var(--main-default);
}
@media (max-width: 767px) {
.cart-control[data-v-5b25ed50]{
            padding: 1rem;
            border-radius: 0;
            margin-bottom: 1rem;
}
.cart-control__actions[data-v-5b25ed50]{
            width: 100%;
            justify-content: space-between;
}
.cart-control__delete-all[data-v-5b25ed50]{
            font-size: .875rem;
            line-height: 1.125rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderView.vue?vue&type=style&index=0&id=3ee53514&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-view-content[data-v-3ee53514]{
        margin-top: 2rem;
}
.block[data-v-3ee53514]{
        background: var(--bg-primary);
        padding: 2rem;
        border-radius: .5rem;
}
.id-text[data-v-3ee53514]{
        display: inline-block;
        margin-right: .5rem;
        font-size: .875rem;
        line-height: 1.25rem;
}
.share[data-v-3ee53514]{
        display: flex;
        gap: .5rem;
        color: var(--main-default);
        padding: 0;
}
.share__icon[data-v-3ee53514]{
        display: flex;
        align-items: center;
        justify-content: center;
}
.share__icon svg[data-v-3ee53514]{
        width: 1.5rem;
        height: 1.5rem;
}
.order-header[data-v-3ee53514]{
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.order-details[data-v-3ee53514]{
        margin-top: 2rem;
}
.data-row[data-v-3ee53514] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        line-height: 1.5rem;
}
.data-row + .data-row[data-v-3ee53514]{
        margin-top: .5rem;
}
.data-row-left[data-v-3ee53514] {
        display: inline-block;
        font-size: .875rem;
        padding-right: .5rem;
}
.data-row-right[data-v-3ee53514] {
        display: inline-block;
        font-size: 1rem;
        font-weight: 600;
        padding-left: .5rem;
        text-align: right;
        max-width: max-content;
}
.data-row-line[data-v-3ee53514]{
        display: inline-block;
        position: relative;
        flex: 1;
}
.data-row-line[data-v-3ee53514]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: calc(100%); /* Длина линии */
        border-top: 1px dashed var(--other-alt-secondary); /* Тип и цвет линии */
}
.order-item[data-v-3ee53514]{
        margin-top: 2rem;
}
@media only screen and (max-width: 767px){
.block[data-v-3ee53514]{
            padding: 1rem;
}
.success-page[data-v-3ee53514] .order-item__content{
            border-radius: .5rem;
}
.success-order-personal[data-v-3ee53514]{
            padding: 0 0 1.25rem 0;
            border-bottom: 1px solid var(--other-default);
            margin-bottom: 1.25rem;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Giftcard/GiftCardPlastic.vue?vue&type=style&index=0&id=2b4aa625&lang=postcss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.giftcard__plastic[data-v-2b4aa625] .image__item{
        width: 100%;
        height: auto;
}
.giftcard__plastic[data-v-2b4aa625]{
        position: relative;
        width: 100%;
}
.giftcard__amount[data-v-2b4aa625]{
        position: absolute;
        font-size: 1rem;
        right: 1.25rem;
        bottom: 1.25rem;
        background: var(--bg-primary);
        padding: .5rem 1rem;
        border-radius: .5rem;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/SharedOrder.vue?vue&type=style&index=0&id=26758362&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.success-page[data-v-26758362]{
        background: var(--main-secondary-default);
}
.success-page-container[data-v-26758362]{
        margin: 3.75rem 0;
}
.success-page-container h1[data-v-26758362]{
        text-align: center;
}
@media only screen and (max-width: 767px){
.success-page-container h1[data-v-26758362]{
            font-size: 1.25rem;
            line-height: 1.875rem;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/Success.vue?vue&type=style&index=0&id=1edcb198&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.success-page[data-v-1edcb198]{
        background: var(--main-secondary-default);
}
.success-page-container[data-v-1edcb198]{
        margin: 3.75rem 0;
}
.success-page-container h1[data-v-1edcb198]{
        text-align: center;
}
@media only screen and (max-width: 767px){
.success-page-container h1[data-v-1edcb198]{
            font-size: 1.25rem;
            line-height: 1.875rem;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/Failure.vue?vue&type=style&index=0&id=0434ee18&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.failed-page[data-v-0434ee18]{
        background: var(--main-secondary-default);
}
.failed-page-container[data-v-0434ee18]{
        margin: 3.75rem 0;
}
.failed-page-container h1[data-v-0434ee18]{
        text-align: center;
        font-size: 20px;
        line-height: 30px;
}
@media only screen and (max-width: 767px){
.failed-page-container h1[data-v-0434ee18]{
            font-size: 1.25rem;
            line-height: 1.875rem;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartGiftcard.vue?vue&type=style&index=0&id=0a017968&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart-gift[data-v-0a017968]{
        background: var(--bg-primary);
        padding: 1.75rem 2rem;
        border-radius: 1rem;
}
.cart-gift__header[data-v-0a017968]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
}
.cart-gift__header-icon[data-v-0a017968]{
        color: var(--other-secondary);
}
.cart-gift__list[data-v-0a017968]{
        margin-top: 1.5rem;
}
.cart-gift__card[data-v-0a017968]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .75rem;
        border: 1px dashed var(--other-default);
        border-radius: 1rem;
}
.cart-gift__card + .cart-gift__card[data-v-0a017968]{
        margin-top: .75rem;
}
.cart-gift__card-icon[data-v-0a017968]{
        width: 5rem;
        height: 3rem;
        flex: none;
        background-image: url(/assets/img/giftcard.svg);
        background-position: center;
        background-repeat: no-repeat;
}
.cart-gift__card-image[data-v-0a017968]{
        width: 5rem;
}
.cart-gift__card-detail[data-v-0a017968]{
        display: flex;
        flex: 1;
        margin-left: .5rem;
        flex-direction: column;
        justify-content: center;
}
.cart-gift__card-balance[data-v-0a017968]{
        line-height: 22px;
}
.cart-gift__card-expire[data-v-0a017968]{
        color: var(--text-tertiary);
}
.cart-gift__card-btn[data-v-0a017968]{
        padding: .75rem 1.625rem;
}
.cart-gift__add[data-v-0a017968]{
        margin-top: 2rem;
}
.new-card-form[data-v-0a017968]{
        column-gap: .5rem;
        flex-wrap: nowrap;
}
.cart-gift__card--new[data-v-0a017968]{
        margin-top: .75rem;
}
.new-card-form > [class*="col-"][data-v-0a017968]{
        flex-shrink: 1;
}
.cart-gift__card--new[data-v-0a017968]{
        position: relative;
        gap: .5rem;
        flex-direction: column;
}
.cart-gift__card--new .btn[data-v-0a017968]{
        width: 100%;
}
.cart-gift__card--new .btn-group[data-v-0a017968]{
        display: flex;
        width: 100%;
        gap: .5rem;
}
.cart-gift__card--new[data-v-0a017968] .input-error-message{
        display: none;
}
.cart-gift__card--new .err-msg[data-v-0a017968]{
        position: absolute;
        color: var(--text-error);
        font-size: 0.875rem;
        line-height: 1.125rem;
        transform: translateY(100%);
        bottom: -0.25rem;
        width: 100%;
        left: 0;
        z-index: 1;
}
.cart-gift__empty[data-v-0a017968],
    .cart-gift__unlogged[data-v-0a017968]{
        margin-top: .75rem;
        line-height: 1.25rem;
        color: var(--text-tertiary);
}
@media (max-width: 767px) {
.cart-gift[data-v-0a017968]{
            padding: 1.25rem 1rem;
            border-radius: 0;
}
.cart-gift__card-icon[data-v-0a017968]{
            width: 2.625rem;
            height: 2.85rem;
}
.cart-gift__card-detail[data-v-0a017968]{
            margin-left: 1.125rem;
}
.cart-gift__add[data-v-0a017968]{
            width: 100%;
            margin-top: 1.5rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cart-gift__card-btn[data-v-0a017968]{
            padding: .75rem;
}
.cart-gift__card-image[data-v-0a017968]{
            width: 3.5rem;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartNeedHelp.vue?vue&type=style&index=0&id=690806d7&lang=postcss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.nh__wrapper[data-v-690806d7]{
        background: var(--bg-primary);
        border-radius: .75rem;
        padding: 1.75rem 2rem;
        font-size: 1rem;
        line-height: 1.45;
}
.nh__title[data-v-690806d7]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
}
.nh__telephone[data-v-690806d7]{
        font-size: 1.5rem;
}
.nh__wrapper p[data-v-690806d7]{
        padding-top: 1.5rem;
}
.nh__wrapper a[data-v-690806d7]{
        font-size: 1.125rem;
}
.cart-gift__header-icon[data-v-690806d7]{
        color: var(--other-secondary);
}
@media (max-width: 767px) {
.nh__wrapper[data-v-690806d7] {
            border-radius: 0;
            padding: 1.25rem 1rem;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderItems.vue?vue&type=style&index=0&id=783699b1&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-step__items[data-v-783699b1]{
        display: flex;
        gap: 1rem;
}
.order-product__image[data-v-783699b1]{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8.375rem;
        min-height: 12.625rem;
        background: var(--bg-secondary);
        border-radius: .75rem;
}
.order-product__image[data-v-783699b1] .image__item{
        width: 100%;
        border-radius: .75rem;
}
.order-product__image.mix-blend-darken .image__item[data-v-783699b1]{
        mix-blend-mode: darken;
}
.order-product__price[data-v-783699b1]{
        display: flex;
        flex-direction: column;
        margin-top: .75rem;
        color: var(--text-primary);
}
.order-product__price .base-price[data-v-783699b1]{
        color: var(--text-tertiary);
        text-decoration: line-through;
        font-size: 1rem;
}
@media (max-width: 767px) {
.order-step__items[data-v-783699b1]{    
            margin: 0 -7.5px;
            padding: 7.5px;
            overflow-x: scroll;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/Switch.vue?vue&type=style&index=0&id=56ea8024&lang=postcss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.switch[data-v-56ea8024]{
        cursor: pointer;
        user-select: none;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
}
.switch_wrapper[data-v-56ea8024]{
        position: relative;
        display: inline-block;
        width: 3.625rem;
        height: 1.875rem;
}
.switch__input[data-v-56ea8024] { 
        opacity: 0;
        width: 0;
        height: 0;
}
.switch__slider[data-v-56ea8024] {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        height: 1.25rem;
        background-color: var(--other-tertiary);
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 1.25rem;
}
.switch__slider[data-v-56ea8024]:before {
        position: absolute;
        content: "";
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 1.875rem;
        left: 4px;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--other-secondary);
        -webkit-transition: .4s;
        transition: .4s;
}
.switch__input:checked + .switch__slider[data-v-56ea8024] {
        background-color: var(--bg-action-secondary);
}
.switch__input:focus + .switch__slider[data-v-56ea8024] {
        box-shadow: 0 0 1px var(--bg-action-secondary);
}
.switch__input:checked + .switch__slider[data-v-56ea8024]:before {
        background-color: var(--main-default);
}
.switch__input:focus + .switch__slider[data-v-56ea8024]:before {
        box-shadow: 0 0 1px var(--main-default);
}
.switch__input:checked + .switch__slider[data-v-56ea8024]:before {
        left: 1.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartBonuses.vue?vue&type=style&index=0&id=399cd0f4&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart-bonuses[data-v-399cd0f4]{
        background: var(--bg-primary);
        padding: 1.75rem 2rem;
        border-radius: 1rem;
}
.cart-bonuses__switcher[data-v-399cd0f4]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: .75rem;
}
.cart-bonuses__description[data-v-399cd0f4]{
        margin-top: .75rem;
        line-height: 1.25rem;
        color: var(--text-tertiary);
}
@media (max-width: 767px) {
.cart-bonuses[data-v-399cd0f4]{
            border-radius: 0;
            padding: 1.25rem 1rem;
}
.cart-bonuses__description[data-v-399cd0f4],
        .cart-bonuses__amount[data-v-399cd0f4]{
            font-size: .875rem;
            line-height: 1.125rem;
}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartEmpty.vue?vue&type=style&index=0&id=cccc1652&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cartempty{
        text-align: center;
        margin: 15rem 0;
}
.cartempty h1{
        font-size: 3rem;
        line-height: 1.5;
        margin: 2rem 0;
}
@media only screen and (max-width: 767px){
.cartempty{
            margin: 8rem 0;
}
.cartempty h1{
            font-size: 2rem;
            line-height: 1.5;
            margin: 2rem 0;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OptionSelector.vue?vue&type=style&index=0&id=e584c7ce&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.option[data-v-e584c7ce]{
        margin-top: 0;
}
.option__header[data-v-e584c7ce]{
        width: 100%;
        color: var(--text-tertiary);
        margin-bottom: .5rem;
}
.option__values[data-v-e584c7ce]{
        display: flex;
        flex-direction: row;
        gap: .75rem;
}
.option__input[data-v-e584c7ce] {
        position: absolute;
        opacity: 0;
}
.option__label[data-v-e584c7ce]{
        border: 1.5px solid transparent;
        background: var(--main-secondary-default);
        cursor: pointer;
        width: 2.75rem;
        height: 2.75rem;
        border-radius: .75rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
}
.option__label-text[data-v-e584c7ce]{
        font-size: 1rem;
        font-weight: 500;
}
.option__input:checked + .option__label[data-v-e584c7ce]{
        border-color: var(--main-default);
        background: var(--bg-primary);
}



/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/NumberInput.vue?vue&type=style&index=0&id=73e2b472&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.number-input[data-v-73e2b472]{
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: .75rem;
        height: 3.25rem;
        padding: 1.75rem;
        background: var(--bg-secondary);
        border-radius: .75rem;
}
.number-input__value[data-v-73e2b472]{
        background: transparent;
        padding: 0;
        text-align: center;
        font-weight: 600;
        width: 1.75rem;
        height: 1.375rem;
        line-height: 1.375rem;
}
.number-input__minus[data-v-73e2b472],
    .number-input__plus[data-v-73e2b472]{
        padding: 0;
        width: 1rem;
        height: 1rem;
        position: relative;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.number-input__minus[data-v-73e2b472]::after,
    .number-input__plus[data-v-73e2b472]::after{
        content: '';
        display: block;
        width: 14.4px;
        height: 1.5px;
        border-radius: 5px;
        background: var(--text-primary);
}
.number-input__minus[data-v-73e2b472]::after{
        background: var(--text-tertiary-high);
}
.number-input__minus.--active[data-v-73e2b472]::after{
        background: var(--text-primary);
}
.number-input__plus[data-v-73e2b472]::before{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 1.5px;
        height: 14.4px;
        border-radius: 5px;
        background: var(--text-primary);
}
.number-input.--disabled[data-v-73e2b472],
    .number-input.--disabled input[data-v-73e2b472],
    .number-input.--disabled .btn[data-v-73e2b472]{
        cursor: not-allowed;
}
.number-input.--disabled .number-input__minus[data-v-73e2b472]::after,
    .number-input.--disabled .number-input__plus[data-v-73e2b472]::after,
    .number-input.--disabled .number-input__plus[data-v-73e2b472]::before{
        background: var(--text-tertiary-high);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/PersonalStep.vue?vue&type=style&index=0&id=ee78e9ee&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-step-buttons{
    margin-top: 3.5625rem;
    text-align: center;
}
.order-content-filled{
    color: var(--text-tertiary);
    margin-right: 0.5rem;
}
.order-content-filled:last-child{
    margin-right: 0;
}
.btn-order-step-edit{
    padding: .05rem 1.25rem;
    font-size: 0.8rem;
}
@media only screen and (max-width: 767px){
.btn-order-step-edit{
        margin-top: 1em;
}
.btn-shipping-step{
        margin-top: 0.5rem;
}
.order-content-filled{
        line-height: 1.5;
        display: block;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/control/SegmentControl.vue?vue&type=style&index=0&id=8ed9aa9c&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.segment-control[data-v-8ed9aa9c] {
  width: 100%;
}
.segment-control__title[data-v-8ed9aa9c] {
  margin: 0 0 1.25rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.segment-control__track[data-v-8ed9aa9c] {
  position: relative;
  display: grid;
  gap: 0;
  padding: 0.25rem;
  border-radius: 0.75rem;
  background: var(--main-secondary-default);
}
.segment-control__thumb[data-v-8ed9aa9c] {
  position: absolute;
  top: 0.25rem;
  left: 0;
  height: calc(100% - 0.5rem);
  border-radius: 0.5rem;
  background: var(--bg-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  pointer-events: none;
  z-index: 0;
  transition: transform 0.28s cubic-bezier(0.33, 1, 0.68, 1);
}
.segment-control__option[data-v-8ed9aa9c] {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0.875rem 1.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s ease;
  white-space: nowrap;
}
.segment-control__option--active[data-v-8ed9aa9c] {
  color: var(--text-primary);
}
.segment-control__option[data-v-8ed9aa9c]:focus-visible {
  outline: 2px solid var(--main-default);
  outline-offset: 2px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/SwipeOut.vue?vue&type=style&index=0&id=0efce0d6&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

  /* swipe */
.swipeout {
      position: relative;
      overflow: hidden;
      display: flex;
}
.swipeout .swipeout-left, .swipeout .swipeout-right {
      position: absolute;
      height: 100%;
      display: flex;
      z-index: 1;
}
.swipeout .swipeout-left {
      left: 0;
      transform: translateX(-100%);
}
.swipeout .swipeout-right {
      right: 0;
      transform: translateX(100%);
}
.swipeout .swipeout-content,
  .swipeout .swipeout-action {
      transition: transform .2s;
      will-change: transform;
}
.swipeout.swipeout--no-transition .swipeout-content,
  .swipeout.swipeout--no-transition .swipeout-action {
  transition: none !important;
}
.swipeout .swipeout-content {
      width: 100%;
}
.swipeout-non-selectable {
      user-select: none !important;
}
.swipeout-no-pointer-events {
      pointer-events: none !important;
}

  /* SwipeList */
.swipeout-list {
      display: flex;
      flex-direction: column;
}
.swipeout-list-item {
      flex: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/RadioButton.vue?vue&type=style&index=0&id=93dd58f8&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.radio-check[data-v-93dd58f8]{
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: .25rem;
        color: var(--bg-primary);
        display: flex;
        align-items: center;
        justify-content: center;
}
.radio-check svg[data-v-93dd58f8]{
        width: 1rem;
        height: 1rem;
}
label.radio input:checked + span .radio-check[data-v-93dd58f8]{
        opacity: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/shipping/DeliveryMethodCards.vue?vue&type=style&index=0&id=2e13f355&lang=postcss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.delivery-methods__grid[data-v-2e13f355] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr));
  gap: 0.75rem;
}
.delivery-methods__card[data-v-2e13f355] {
  min-width: 0;
  height: 100%;
}
.delivery-methods__card[data-v-2e13f355] label.radio {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.delivery-methods__card[data-v-2e13f355] label.radio > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.delivery-methods__card[data-v-2e13f355] label.radio > span::before,
.delivery-methods__card[data-v-2e13f355] label.radio .radio-check {
  display: none;
}
.delivery-methods__card[data-v-2e13f355] label.radio > span,
.delivery-methods__button[data-v-2e13f355] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  min-height: 5.5rem;
  box-sizing: border-box;
  margin: 0;
  padding: 1rem 1.125rem;
  border-radius: 0.875rem;
  border: 1.5px solid var(--other-default, rgba(0, 0, 0, 0.08));
  background: var(--bg-primary);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}
.delivery-methods__card[data-v-2e13f355] label.radio:hover > span,
.delivery-methods__button[data-v-2e13f355]:hover {
  border-color: color-mix(
    in srgb,
    var(--main-default) 35%,
    var(--other-default, rgba(0, 0, 0, 0.08))
  );
}
.delivery-methods__card[data-v-2e13f355] label.radio input:checked + span {
  border-color: var(--main-default);
  background: color-mix(in srgb, var(--main-default) 6%, var(--bg-primary));
}
.delivery-methods__body[data-v-2e13f355] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-width: 0;
  width: 100%;
  height: 100%;
  flex: 1;
}
.delivery-methods__top[data-v-2e13f355] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}
.delivery-methods__name[data-v-2e13f355] {
  min-width: 0;
  flex: 1;
  font-size: 0.9375rem;
  line-height: 1.35rem;
  font-weight: 600;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}
.delivery-methods__price[data-v-2e13f355] {
  flex-shrink: 0;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.35rem;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}
.delivery-methods__period[data-v-2e13f355] {
  display: inline-flex;
  align-self: flex-start;
  margin-top: auto;
  padding: 0.1875rem 0.5rem;
  border-radius: 999px;
  background: var(--bg-secondary);
  color: var(--text-tertiary);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
}
.delivery-methods__skeleton[data-v-2e13f355] {
  min-height: 5.5rem;
  padding: 1rem 1.125rem;
  border-radius: 0.875rem;
  border: 1.5px solid var(--other-default, rgba(0, 0, 0, 0.08));
  background: var(--bg-primary);
}
.delivery-methods__skeleton-top[data-v-2e13f355] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.delivery-methods__skeleton-name[data-v-2e13f355],
.delivery-methods__skeleton-price[data-v-2e13f355],
.delivery-methods__skeleton-period[data-v-2e13f355] {
  border-radius: 0.375rem;
  background: linear-gradient(
    90deg,
    var(--bg-secondary) 0%,
    color-mix(in srgb, var(--bg-secondary) 40%, var(--bg-primary)) 50%,
    var(--bg-secondary) 100%
  );
  background-size: 200% 100%;
  animation: delivery-methods-skeleton-2e13f355 1.5s ease-in-out infinite;
}
.delivery-methods__skeleton-name[data-v-2e13f355] {
  width: 60%;
  height: 1.125rem;
}
.delivery-methods__skeleton-price[data-v-2e13f355] {
  width: 3.5rem;
  height: 1.125rem;
}
.delivery-methods__skeleton-period[data-v-2e13f355] {
  width: 5rem;
  height: 1.25rem;
  margin-top: 1.25rem;
}
.delivery-methods__empty[data-v-2e13f355] {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: var(--text-tertiary);
}
@keyframes delivery-methods-skeleton-2e13f355 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartItem.vue?vue&type=style&index=0&id=4e2a35bb&lang=postcss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart-item__content[data-v-4e2a35bb]{
        display: flex;
        flex-direction: row;
        gap: 1rem;
        background: var(--bg-primary);
        width: 100%;
        padding: 2rem;
        border-radius: 1rem;
}
.cart-item + .cart-item[data-v-4e2a35bb]{
        margin-top: .75rem;
}
.cart-item__select[data-v-4e2a35bb]{
        width: auto;
        flex: 0 0 auto;
}
.cart-item > .row[data-v-4e2a35bb]{
        flex: 1;
}
.cart-item__image[data-v-4e2a35bb]{
        display: block;
        padding: .75rem;
        background: var(--main-secondary-default);
        border-radius: .75rem;
}
.cart-item__image .image__item[data-v-4e2a35bb]{
        width: 100%;
}
.cart-item__image.mix-blend-darken .image__item[data-v-4e2a35bb]{
        mix-blend-mode: darken;
}
.cart-item__section[data-v-4e2a35bb]{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.cart-item__properties[data-v-4e2a35bb]{
        display: grid;
        grid-template-columns: max-content auto;
        column-gap: .5rem;
        margin-top: .5rem;
}
.cart-item__property[data-v-4e2a35bb]{
        display: contents;
}
.cart-item__properties dt[data-v-4e2a35bb]{
        color: var(--text-tertiary);
}
.cart-item__properties dd[data-v-4e2a35bb]{
        margin-left: .5rem;
}
.cart-item__property dd .btn[data-v-4e2a35bb]{
        font-size: .875rem;
        line-height: 1.25;
        font-weight: 300;
        border-bottom: 1px solid var(--text-primary);
}
.cart-item__status[data-v-4e2a35bb]{
        display: inline-block;
        padding: .25rem .5rem;
        border-radius: .375rem;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1;
}
.cart-item__status--instock[data-v-4e2a35bb]{
        background: color-mix(in srgb, var(--text-success) 20%, transparent);
        color: var(--text-success);
}
.cart-item__status--preorder[data-v-4e2a35bb]{
        background: color-mix(in srgb, var(--text-warning) 20%, transparent);
        color: var(--text-warning);
}
.cart-item__statuses[data-v-4e2a35bb]{
        display: flex;
        flex-direction: row;
        gap: .25rem;
}
.cart-item__price-section[data-v-4e2a35bb]{
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.cart-item__remove[data-v-4e2a35bb]{
        padding: 0;
        color: var(--main-secondary-pressed);
        font-size: 1.5rem;
}
.cart-item__price[data-v-4e2a35bb]{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: .5rem;
}
.cart-item__price-row[data-v-4e2a35bb]{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
}
.cart-item__price-values[data-v-4e2a35bb]{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .75rem;
}
.cart-item__price .base-price[data-v-4e2a35bb]{
        color: var(--text-tertiary);
        text-decoration: line-through;
        font-size: 1rem;
}
.cart-item__price .final-price[data-v-4e2a35bb]{
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 600;
}
.cart-item__options[data-v-4e2a35bb]{
        display: flex;
        flex-direction: column;
        gap: 1rem;
}
.cart-item__quantity_section[data-v-4e2a35bb]{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1.5rem;
}
.cart-item_favourite[data-v-4e2a35bb]{
        padding: 0;
        font-size: 1.5rem;
        color: var(--other-secondary);
}
.cart-item_favourite svg[data-v-4e2a35bb]{
        color: inherit;
}
.cart-item_favourite.--active[data-v-4e2a35bb]{
        color: var(--main-default);
}
@media (max-width: 767px) {
.cart-item__content[data-v-4e2a35bb]{
            padding: 1rem;
            padding-right: 45px;
            gap: .75rem;
            border-radius: 0;
}
.cart-item + .cart-item[data-v-4e2a35bb]{
            margin-top: .5rem;
}
.cart-item__description[data-v-4e2a35bb]{
            padding-right: 1.5rem;
}
.cart-item__title[data-v-4e2a35bb]{
            font-size: .875rem;
            line-height: 1.125rem;
}
.cart-item__properties[data-v-4e2a35bb]{
            margin-top: .25rem;
            font-size: .875rem;
            line-height: 1.125rem;
}
.cart-item__price[data-v-4e2a35bb]{
            gap: .5rem;
}
.cart-item__price .final-price[data-v-4e2a35bb]{
            font-size: 1.125rem;
            line-height: 1.375rem;
            font-weight: 600;
}
.cart-item__price .base-price[data-v-4e2a35bb]{
            font-size: .875rem;
            line-height: 1.25rem;
}
.cart-item__action[data-v-4e2a35bb]{
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            font-size: 1.5rem;
            line-height: 0;
            color: var(--other-secondary);
}
.cart-item__mwishlish[data-v-4e2a35bb]{
            width: 3.5rem;
            background: var(--bg-alt-secondary	);
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--main-default);
}
.cart-item__mwishlish svg[data-v-4e2a35bb]{
            color: inherit;
}
.cart-item__mdelete[data-v-4e2a35bb]{
            width: 3.5rem;
            background: var(--text-error);
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--bg-primary);
}
.cart-item-popup[data-v-4e2a35bb] .basepopup-dragable{
            position: relative;
            height: 2rem;
}
.cart-item-popup[data-v-4e2a35bb] .basepopup-content{
            margin-top: -.5rem;
            min-height: initial;
            max-height: initial;
            height: initial !important;
}
.cart-item-popup[data-v-4e2a35bb] .basepopup-content-wrapper{
            display: flex;
            flex-direction: column;
            gap: 1rem;
            padding-bottom: 0;
}
.cart-item-popup[data-v-4e2a35bb] .option,
        .cart-item__quantity[data-v-4e2a35bb]{
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.cart-item-popup[data-v-4e2a35bb] .option__header{
            font-size: .875rem;
            line-height: 1.125rem;
            font-weight: 600;
}
.cart-item__quantity-text[data-v-4e2a35bb]{
            font-size: .875rem;
            line-height: 1.125rem;
            font-weight: 600;
            color: var(--text-tertiary);
}
.cart-item-popup hr[data-v-4e2a35bb]{
            border-top: 1px solid var(--other-default);
}
.cart-item__popup-btns[data-v-4e2a35bb]{
            display: flex;
            justify-content: space-between;
            border-top: 1px solid var(--other-default);
            margin-top: 1.125rem;
            padding: 1.125rem 0;
}
.cart-item__popup-btns .btn[data-v-4e2a35bb]{
            font-size: .875rem;
            line-height: 1.125rem;
            gap: .5rem;
            color: var(--text-tertiary);
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
}
.cart-item__popup-btns .btn-icon[data-v-4e2a35bb]{
            font-size: 1.5rem;
}
.btn--wishlist[data-v-4e2a35bb]{
            color: var(--text-primary);
}
.btn--wishlist.--active[data-v-4e2a35bb]{
            color: var(--main-default);
}
.btn--wishlist .btn-icon[data-v-4e2a35bb]{
            color: inherit;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderHint.vue?vue&type=style&index=0&id=afd0a162&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-hint[data-v-afd0a162] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid transparent;
}
.order-hint--default[data-v-afd0a162] {
  background: var(--bg-secondary);
  border-color: var(--border-primary, rgba(0, 0, 0, 0.1));
  color: var(--text-primary);
}
.order-hint--default .order-hint__icon[data-v-afd0a162] {
  background: var(--text-primary);
  color: var(--bg-primary);
}
.order-hint--danger[data-v-afd0a162] {
  background: color-mix(in srgb, var(--text-error) 12%, var(--bg-primary));
  border-color: color-mix(in srgb, var(--text-error) 28%, transparent);
  color: var(--text-primary);
}
.order-hint--danger .order-hint__icon[data-v-afd0a162] {
  background: var(--text-error);
  color: var(--bg-primary);
}
.order-hint__icon[data-v-afd0a162] {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  margin-top: 0.125rem;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: center;
}
.order-hint__icon[data-v-afd0a162]::before {
  content: 'i';
}
.order-hint__text[data-v-afd0a162] {
  flex: 1;
  min-width: 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (max-width: 767px) {
.order-hint[data-v-afd0a162] {
    padding: 0.875rem 1rem;
}
.order-hint__text[data-v-afd0a162] {
    font-size: 0.875rem;
    line-height: 1.375rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/shipping/ShippingQuoteError.vue?vue&type=style&index=0&id=adbd0b7c&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.shipping-quote-error__retry[data-v-adbd0b7c] {
  width: 100%;
  margin-top: 0.75rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/components/catalog/ItemsSlider.vue?vue&type=style&index=0&id=76e30db5&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.item-slider{
        margin-bottom: 5rem;
        position: relative;
}
.item-slider .item-slider-description p{
        margin-top: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--text-primary);
        width: 50%;
}
.item-slider-header{
        font-size: 28px;
        line-height: 36px;
        color: var(--text-primary);
        text-indent: -3px;
        font-weight: 600;
}
.item-slider-wrapper{
        margin-top: 1.5rem;
}
.item-slider-wrapper .carousel,
    .item-slider-wrapper .carousel .container{
        position: static;
}
.item-slider-wrapper .carousel-item:hover .product-minicard-image{
        background: var(--main-secondary-hover);
}
.product-minicard-image{
        box-sizing: border-box;
}
.item-slider-wrapper .carousel .btn-prev,
    .item-slider-wrapper .carousel .btn-next{
        top: 1.25rem;
        background: var(--main-secondary-default);
        left: inherit;
        color: var(--text-primary);
        padding: 0;
}
.item-slider-wrapper .carousel .btn-prev:hover,
    .item-slider-wrapper .carousel .btn-next:hover{
        background: var(--main-secondary-hover);
}
.item-slider-wrapper .carousel .btn-next{
        right: 0;
}
.item-slider-wrapper .carousel .btn-prev{
        right: 3.5rem;
}
.item-slider-wrapper .carousel .carousel-slides-wrapper{ 
        width: 100% !important;
        max-width: 100% !important;
}
.item-slider .carousel-item{
        padding: 0 .5rem;
}
.item-slider .product-minicard{
        width: 100%;
}
.item-slider-no-title .carousel .btn-prev, .item-slider-no-title .carousel .btn-next{
        top: -1.5rem;
}
@media only screen and (max-width: 767px){
.item-slider .product-minicard:nth-child(n+1){
            margin-left: -7.5px;
}
.item-slider{
            padding: 0;
            margin-bottom: 0;
}
.item-slider-header{
            text-indent: -3px;
            font-size: 1.2rem;
}
.item-slider .carousel-item:first-child .item-slider__item{
            padding-left:0;
}
.item-slider .carousel-item:last-child .item-slider__item{
            padding-right:0;
}
.home-page .carousel-item{
            vertical-align: top;
}
.item-slider .carousel{
            padding-bottom: 3.5rem;
}
.item-slider .item-slider-description p{
            width: 100%;
            font-size: 1rem;
}
.item-slider .carousel-item{
            padding: 0;
}
.item-slider .item-slider-wrapper {
            margin-left: 0;
}
.item-slider .btn-prev,
        .item-slider .btn-next{
            display: none;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CartModule.vue?vue&type=style&index=0&id=d7b43edc&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart[data-v-d7b43edc] {
        margin: 3.5rem 0;
}
.cart-header_title[data-v-d7b43edc]{
        font-size: 2rem;
}
.cart-content[data-v-d7b43edc] {
        margin-top: 2rem;
}
.cart-content-summary[data-v-d7b43edc] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
}
.cart-rec[data-v-d7b43edc]{
        margin-top: 2.5rem;
}
.cart-header__share.btn--loading[data-v-d7b43edc]:after{
        border-top-color: var(--main-default);
}
@media (max-width: 767px) {
.cart[data-v-d7b43edc]{
            margin: 2.5rem 0 1.5rem 0;
}
.cart-header[data-v-d7b43edc]{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 1rem;
}
.cart-header_title[data-v-d7b43edc]{
            font-size: 1.75rem;
            line-height: 2.25rem;
}
.cart-header__share[data-v-d7b43edc]{
            color: var(--main-default);
            font-size: 1.5rem;
            padding: 0;
}
.cart-content-summary[data-v-d7b43edc]{
            gap: .5rem;
            padding: 2.5rem 0 0 0;
            border-radius: 0;
}
.cart-rec[data-v-d7b43edc]{
            padding: 0 1rem;
            margin-left: -7.5px;
}
.cart-rec[data-v-d7b43edc] .item-slider-header{
            text-indent: 0;
}
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/SharedCart.vue?vue&type=style&index=0&id=0e20c159&lang=postcss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart_page[data-v-0e20c159]{
        background: var(--main-secondary-default);
}
@media (max-width: 767px){
.cart_page > .container[data-v-0e20c159]{
            padding: 0;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/Cart.vue?vue&type=style&index=0&id=3ccccb67&lang=postcss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.cart_page[data-v-3ccccb67]{
        background: var(--main-secondary-default);
}
@media (max-width: 767px){
.cart_page > .container[data-v-3ccccb67]{
            padding: 0;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/TabSwitcher.vue?vue&type=style&index=0&id=2e57c68a&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.tabs[data-v-2e57c68a]{
        background: var(--bg-secondary);
        padding: .25rem;
        display: flex;
        justify-content: space-between;
        gap: .25rem;
        border-radius: .5rem;
}
.tab[data-v-2e57c68a]{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
        line-height: 1.375rem;
        padding: .75rem;
        text-align: center;
}
.tab.--active[data-v-2e57c68a]{
        background: var(--bg-primary);
}
.tab__text[data-v-2e57c68a]{
        font-weight: 600;
        color: var(--text-tertiary);
}
.tab.--active .tab__text[data-v-2e57c68a]{
        color: var(--text-primary);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderDeliveryMap.vue?vue&type=style&index=0&id=ee7d3f7e&lang=postcss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.deliverypopup__content[data-v-ee7d3f7e]{
        padding: 4rem 0 2rem 2.5rem;
}
.deliverypopup__header[data-v-ee7d3f7e]{
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: .75rem;
        margin-bottom: 2rem;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        user-select: none;
}
.pickpoint__search[data-v-ee7d3f7e]{
        width: 100%;
}
.pickpoint__list[data-v-ee7d3f7e]{
        margin-left: -1.5rem;
        margin-right: -.8rem;
        max-height: 30rem;
        overflow-y: scroll;
}


    /* width */
.pickpoint__list[data-v-ee7d3f7e]::-webkit-scrollbar {
        width: 4px;
}

    /* Track */
.pickpoint__list[data-v-ee7d3f7e]::-webkit-scrollbar-track {
        background: transparent;
}

    /* Handle */
.pickpoint__list[data-v-ee7d3f7e]::-webkit-scrollbar-thumb {
        margin-top: 10px;
        border-radius: 100px;
        background: var(--other-default);
}

    /* Handle on hover */
.pickpoint__list[data-v-ee7d3f7e]::-webkit-scrollbar-thumb:hover {
        background: var(--other-default);
}
.pickpoint__item[data-v-ee7d3f7e]{
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        padding: .75rem 0 .75rem 1.5rem;
}
.pickpoint__item[data-v-ee7d3f7e]:hover{
        background: var(--bg-secondary);
}
.pickpoint__item > div[data-v-ee7d3f7e]{
        display: flex;
        align-items: center;
}
.pickpoint__item .pickpoint__item-header[data-v-ee7d3f7e]{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
}
.pickpoint__item .pickpoint-arrow[data-v-ee7d3f7e]{
        display: flex;
        align-items: center;
        justify-content: center;
}
.pickpoint__item .pickpoint-arrow svg[data-v-ee7d3f7e]{
        width: 1.5rem;
        height: 1.5rem;
}
.deliverypopup__back-arrow[data-v-ee7d3f7e]{
        display: flex;
        align-items: center;
        justify-content: center;
}
.deliverypopup__back-arrow svg[data-v-ee7d3f7e]{
        width: 1.5rem;
        height: 1.5rem;
        pointer-events: none;
}
.pickpoint_address[data-v-ee7d3f7e]{
        color: var(--text-tertiary);
}
.map-point[data-v-ee7d3f7e]{
        text-align: center; 
        cursor: pointer;
        padding: 5px;
        border-radius: 100px;
}
.map-point[data-v-ee7d3f7e]:hover{
        background: var(--bg-primary);
}
.pickpoint__info[data-v-ee7d3f7e]{
        display: flex;
        flex-direction: column;
}
.pickpoint__info + .pickpoint__info[data-v-ee7d3f7e]{
        margin-top: 1.5rem;
}
.pickpoint__info__title[data-v-ee7d3f7e]{
        color: var(--text-tertiary);
}
.pickpoint__info__value--schedule[data-v-ee7d3f7e]{
        white-space: pre-line;
}
.deliverypopup_submit[data-v-ee7d3f7e]{
        width: 100%;
        margin-top: 2rem;
}
@media (max-width: 767px) {
.deliverypopup__content--selected[data-v-ee7d3f7e]{
            padding-top: 5rem;
}
.deliverypopup__content[data-v-ee7d3f7e]{
            padding: 1.75rem 1rem 0 1rem;
}
.deliverypopup__header[data-v-ee7d3f7e]{
            margin-bottom: 1.25rem;
}
.pickpoint__list[data-v-ee7d3f7e]{
            margin: 0;
            max-height: initial;
            overflow-y: scroll;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/DeliveryMapPopup.vue?vue&type=style&index=0&id=11f59156&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.deliverymappopup[data-v-11f59156] .basepopup-content {
  width: 1200px;
  height: 42.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CourierAddressSavedAddressItem.vue?vue&type=style&index=0&id=edd9b880&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.courier-address__saved-row[data-v-edd9b880] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: fit-content;
  max-width: 100%;
  min-height: 4.75rem;
  margin: 0;
  padding: 0.875rem 1rem;
  text-align: left;
  font: inherit;
  color: var(--text-primary);
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.courier-address__saved-row[data-v-edd9b880]:hover {
  border-color: var(--text-tertiary);
}
.courier-address__saved-row--active[data-v-edd9b880] {
  border-color: var(--main-default);
  background: color-mix(in srgb, var(--main-default) 10%, var(--bg-secondary));
}
.courier-address__saved-radio[data-v-edd9b880] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  border-radius: 50%;
  border: 2px solid var(--text-tertiary);
  flex-shrink: 0;
}
.courier-address__saved-row--active .courier-address__saved-radio[data-v-edd9b880] {
  border-color: var(--main-default);
  background: radial-gradient(circle, var(--main-default) 45%, transparent 48%);
}
.courier-address__saved-content[data-v-edd9b880] {
  display: grid;
  gap: 0.125rem;
  min-width: 0;
}
.courier-address__saved-meta[data-v-edd9b880] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
}
.courier-address__saved-meta > span + span[data-v-edd9b880]::before {
  content: '·';
  margin-right: 0.375rem;
  color: var(--text-primary);
  opacity: 0.5;
}
.courier-address__saved-street[data-v-edd9b880] {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--text-primary);
  opacity: 0.7;
}
.courier-address__saved-new[data-v-edd9b880] {
  align-self: center;
  font-size: 0.875rem;
  font-weight: 600;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/CourierAddressSavedAddresses.vue?vue&type=style&index=0&id=50effc1c&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.courier-address__saved[data-v-50effc1c] {
  margin-bottom: 0.5rem;
  text-align: left;
}
.courier-address__section-title[data-v-50effc1c] {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-tertiary);
}
.courier-address__saved-picker[data-v-50effc1c] {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.625rem;
}
.courier-address__saved-current[data-v-50effc1c],
.courier-address__saved-new[data-v-50effc1c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 4.75rem;
  padding: 0.875rem 1rem;
  font: inherit;
  color: var(--text-primary);
  text-align: left;
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  cursor: pointer;
}
.courier-address__saved-current[data-v-50effc1c] {
  position: relative;
  width: 24rem;
  max-width: calc(100vw - 3rem);
  min-width: 0;
}
.courier-address__saved-current--open[data-v-50effc1c],
.courier-address__saved-current--active[data-v-50effc1c],
.courier-address__saved-new--active[data-v-50effc1c] {
  border-color: var(--main-default);
  background: color-mix(in srgb, var(--main-default) 10%, var(--bg-secondary));
}
.courier-address__saved-new[data-v-50effc1c] {
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 4.75rem;
  min-width: 10.5rem;
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}
.courier-address__saved-radio[data-v-50effc1c] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  flex-shrink: 0;
  border: 2px solid var(--text-tertiary);
  border-radius: 50%;
}
.courier-address__saved-current--active .courier-address__saved-radio[data-v-50effc1c],
.courier-address__saved-new--active .courier-address__saved-radio[data-v-50effc1c] {
  border-color: var(--main-default);
  background: radial-gradient(circle, var(--main-default) 45%, transparent 48%);
}
.courier-address__saved-content[data-v-50effc1c] {
  display: grid;
  gap: 0.125rem;
  min-width: 0;
}
.courier-address__saved-meta[data-v-50effc1c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
}
.courier-address__saved-meta > span + span[data-v-50effc1c]::before {
  content: '·';
  margin-right: 0.375rem;
  opacity: 0.5;
}
.courier-address__saved-street[data-v-50effc1c] {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 0.875rem;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.7;
}
.courier-address__saved-placeholder[data-v-50effc1c] {
  align-self: center;
  font-size: 0.875rem;
}
.courier-address__saved-chevron[data-v-50effc1c] {
  width: 0.5rem;
  height: 0.5rem;
  margin: auto 0.125rem auto auto;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.15s ease;
}
.courier-address__saved-chevron--open[data-v-50effc1c] {
  transform: rotate(225deg);
}
.courier-address__saved-menu[data-v-50effc1c] {
  position: absolute;
  z-index: 5;
  top: calc(100% + 0.5rem);
  left: 0;
  display: grid;
  gap: 0.625rem;
  width: 24rem;
  max-width: calc(100vw - 3rem);
  max-height: 20rem;
  padding: 0.625rem;
  overflow-y: auto;
  background: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 0.625rem;
  box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--text-primary) 15%, transparent);
}
.courier-address__saved-menu[data-v-50effc1c] .courier-address__saved-row {
  width: 100%;
}
@media (max-width: 575px) {
.courier-address__saved-picker[data-v-50effc1c] {
    flex-wrap: wrap;
}
.courier-address__saved-current[data-v-50effc1c] {
    width: 100%;
    max-width: none;
}
.courier-address__saved-new[data-v-50effc1c] {
    width: 100%;
}
.courier-address__saved-menu[data-v-50effc1c] {
    width: 100%;
    max-width: none;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/PickpointAddress.vue?vue&type=style&index=0&id=0e8c1084&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.pickpoint-address[data-v-0e8c1084] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}
.pickpoint-address__location[data-v-0e8c1084] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.pickpoint-address__methods-title[data-v-0e8c1084] {
  margin: 0 0 0.75rem;
  color: var(--text-tertiary);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pickpoint-address__city[data-v-0e8c1084] { flex: 1 1 12rem; min-width: 0;
}
.pickpoint-address__zone[data-v-0e8c1084] { flex: 0 1 11rem; min-width: 8rem;
}
.pickpoint-address__field[data-v-0e8c1084] { position: relative; width: 100%; margin: 0;
}
.pickpoint-address__field[data-v-0e8c1084] .form-group { width: 100%; margin: 0;
}
.pickpoint-address__field[data-v-0e8c1084] .form-control:disabled { opacity: 1; color: var(--text-primary); background: var(--bg-secondary); cursor: default;
}
.pickpoint-address__field--action[data-v-0e8c1084] .form-control { padding-right: 5.5rem;
}
.pickpoint-address__change[data-v-0e8c1084] { position: absolute; top: 0.875rem; right: 1rem; z-index: 2; margin: 0; padding: 0; border: 0; background: transparent; color: var(--main-default); font-weight: 300; cursor: pointer;
}
.pickpoint-address__change[data-v-0e8c1084]:hover { color: var(--main-hover);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/ShippingStep/ShippingStep.vue?vue&type=style&index=0&id=9ed01016&lang=postcss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-shipping__segment[data-v-9ed01016] {
        margin-top: 1.5rem;
}
.order-shipping__segment[data-v-9ed01016] .segment-control {
        width: fit-content;
        max-width: 100%;
}
.order-shipping__segment-skeleton[data-v-9ed01016] {
        width: 12rem;
        max-width: 100%;
        height: 3.25rem;
        border-radius: 0.75rem;
        background: linear-gradient(
            90deg,
            var(--bg-secondary) 25%,
            color-mix(in srgb, var(--bg-secondary) 70%, var(--text-tertiary)) 50%,
            var(--bg-secondary) 75%
        );
        background-size: 200% 100%;
        animation: order-shipping-segment-loading-9ed01016 1.5s ease-in-out infinite;
}
@keyframes order-shipping-segment-loading-9ed01016 {
0% {
            background-position: 200% 0;
}
100% {
            background-position: -200% 0;
}
}
.order-shipping__hint[data-v-9ed01016]{
        margin-top: 1.5rem;
}
.order-shipping__error[data-v-9ed01016] {
        margin-top: 1.5rem;
}
.order-courier-address[data-v-9ed01016] {
        margin-top: 1rem;
}
.order-courier-address__methods[data-v-9ed01016] {
        text-align: left;
}
.order-courier-address__section-title[data-v-9ed01016] {
        margin: 0 0 0.75rem;
        color: var(--text-tertiary);
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
}
.order-courier-address[data-v-9ed01016] .courier-address__saved {
        margin-top: 1.5rem;
}
.order-courier-address__form-anchor[data-v-9ed01016] {
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        pointer-events: none;
        scroll-margin-top: 0.5rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/PaymentMethod.vue?vue&type=style&index=0&id=9e81a6a8&lang=postcss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.payment-method[data-v-9e81a6a8]{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1.5px solid var(--bg-secondary);
        background: var(--bg-secondary);
        height: 4.625rem;
        padding: 1rem;
        border-radius: .75rem;
        cursor: pointer;
}
.payment-method.--active[data-v-9e81a6a8]{
        border: 1.5px solid var(--main-default);
}
.payment-method__title[data-v-9e81a6a8]{
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.payment-method__icons[data-v-9e81a6a8]{
        display: flex;
        gap: .5rem;
}
.payment-method__icon[data-v-9e81a6a8]{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.25rem;
        height: 2.625rem; 
        background: var(--bg-primary);
        border-radius: .5rem;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/PaymentStep.vue?vue&type=style&index=0&id=3af0e5d9&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order-payment-methods{
    margin-top: 1.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/modules/Cart/OrderModule.vue?vue&type=style&index=0&id=a918a622&lang=postcss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order[data-v-a918a622]{
        margin: 3.75rem 0;
}
.order-content[data-v-a918a622]{
        margin-top: 2rem;
}
.order-content-summary[data-v-a918a622]{
        display: flex;
        flex-direction: column;
        gap: .75rem;
}
.order-step[data-v-a918a622]{
        background: var(--bg-primary);
        border-radius: 1rem;
        padding: 2rem;
}
.order-step + .order-step[data-v-a918a622]{
        margin-top: .75rem;
}
.order-step[data-v-a918a622] .order-step__content{
        margin-top: 1.75rem;
}
@media (max-width: 767px) {
.order[data-v-a918a622]{
            margin-top: 0;
}
.order-header[data-v-a918a622]{
            background: var(--bg-primary);
            border-bottom: 1px solid var(--other-default);
}
.order-header .container[data-v-a918a622]{
            display: flex;
            align-items: center;
}
.order-header__back[data-v-a918a622]{
            margin-left: -1rem;
            padding: 1rem;
            font-size: 1.5rem;
            line-height: 0;
            color: var(--text-primary);
}
.order-header__title[data-v-a918a622]{
            font-size: 1rem;
            line-height: 1.375rem;
}
.order-header .container[data-v-a918a622] :first-child{
            flex: 1;
}
.order-header .container[data-v-a918a622]::after{
            content: '';
            flex: 1;
}
.order-content[data-v-056a59cc][data-v-a918a622] {
            margin-top: 0;
}
.order-step[data-v-a918a622]{
            padding: 1.5rem 7.5px;
            border-radius: 0;
}
.order-step + .order-step[data-v-a918a622]{
            margin-top: .5rem;
}
.order-step[data-v-a918a622] .order-step__content{
            margin-top: 1.25rem;
}
.order-step[data-v-a918a622] .order-step__header-text{
            font-size: 1.25rem;
            line-height: 1.5rem;
}
.order-content-summary[data-v-a918a622]{
            margin-top: 2.5rem;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./lib/webpack/CustomMetadataLoader.js??ruleSet[0].use[1]!./src/pages/Order.vue?vue&type=style&index=0&id=72030cae&lang=postcss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.order_page[data-v-72030cae]{
        background: var(--main-secondary-default);
}
@media (max-width: 767px) {
.order_page[data-v-72030cae] .header-wrapper{
            background: var(--bg-primary);
}
}