.order{ display: flex; } .order__title{ font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 117%; text-transform: uppercase; color: var(--text-black); } .order__contacts{ width: calc(50% - 0.5px); padding: 24px; border-right: 1px solid #121212; } .order-contacts__header{ display: flex; justify-content: space-between; align-items: center; } .order-contacts__form{ margin-top: 24px; } .order-contacts__delivery{ margin-top: 47.5px; padding-top: 48px; border-top: 1px solid var(--background-grey); } .order-contacts-deliver__item{ margin-top: 24px; } .order-contacts-deliver__date{ padding: 8px; border-radius: 24px; background: var(--background-grey); } .order-contacts-deliver__date .form-input-radio__item{ margin-top: 24px; } .order-contacts-deliver__date .form-input-radio__item:first-child{ margin-top: 0; } .order__your{ width: calc(50% - 0.5px); padding: 24px 24px 24px 48px; background: var(--background-grey); } .order-your__products{ margin-top: 48px; } .order-your-products__item{ margin-top: 16px; display: flex; justify-content: space-between; } .order-your-products__left{ display: flex; align-items: center; } .order-your-products__img{ width: 40px; aspect-ratio: 1; border-radius: 16px; } .order-your-products__content{ margin-left: 16px; } .order-your-products__name{ font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; color: var(--text-black); text-decoration: none; } .order-your-products__description{ margin-top: 8px; font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; color: var(--text-6); } .order-your-products__description span{ font-weight: 700; } .order-your-products__description span::before{ margin-left: 3px; content: 'x '; } .order-your-products__right{ display: flex; } .order-your-products__count{ font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; text-align: right; color: var(--text-6); } .order-your-products__count::before{ content: 'x'; } .order-your-products__price{ margin-left: 16px; font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; text-align: right; color: var(--text-black); } .order-your__calculation{ margin-top: 48px; } .order-your__promo{ display: flex; } .order-your-promo__button{ margin-left: 8px; } .order-your-calculation__item{ margin-top: 24px; display: flex; justify-content: space-between; align-items: center; } .order-your-calculation__title{ font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: var(--text-black); } .order-your-calculation__value{ font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 200%; text-transform: uppercase; text-align: right; color: var(--text-black); } .order-your-calculation__value--discount{ background: var(--gradient-red); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .order-your-calculation__description{ font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; text-align: right; color: var(--text-9); } .order-your-calculation__line{ margin-top: 23px; border: 1px solid var(--background-9); } .order-your-calculation__result{ font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 117%; text-transform: uppercase; color: var(--text-black); } .order-your-calculation__submit{ margin-top: 48px; } @media only screen and (max-width: 1200px) { .order{ display: block; } .order__contacts, .order__your{ border: none; width: 100%; } } @media only screen and (max-width: 720px) { .order__title{ max-width: 181px; font-size: 20px; line-height: 120%; } .order__your{ margin-top: 16px; } .order__contacts{ padding: 24px 16px; } .order__your{ padding: 40px 16px 9px 16px; } .order-your__promo{ display: block; } .order-your-promo__button{ margin-left: 0; margin-top: 24px; width: 100%; } .order-your-products__content{ max-width: 164px; } .order-your-products__count, .order-your-products__price{ flex-shrink: 0; } } /* modal */ .modal{ position: fixed; top: 0; left: 0; padding: 20px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 200; opacity: 0; transition: opacity .2s ease-out; pointer-events: none; display: flex; justify-content: center; align-items: center; overflow-y: auto; } .modal.active{ opacity: 1; pointer-events: auto; } .modal__notification{} .form__button-mobile{ display: none; } .modal__aside{ position: fixed; top: 0; right: 0; width: 0; height: 100%; overflow: hidden; transition: width .4s ease-out; } .modal__item{ height: 100%; padding: 24px; background: var(--background-white); position: relative; display: none; filter: blur(10px); transition: filter .2s ease-out; } .modal__item--no-title{ padding-top: 72px; } .modal__item.active{ display: flex; flex-direction: column; justify-content: space-between; } .modal__close{ position: absolute; top: 32px; right: 24px; width: 24px; height: 24px; border: none; background: none; } .modal__header{} .modal__title{ padding-right: 48px; font-family: var(--font-family); font-weight: 700; font-size: 36px; line-height: 111%; text-transform: uppercase; color: var(--text-black); } .modal__small-title{ font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 100%; text-transform: uppercase; color: var(--text-black); } .modal__text{ margin-top: 16px; padding-right: 10px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-0); } .modal__form-sub{ margin-top: 48px; } .modal-form-sub__submit{ margin-top: 64px; } .modal__block-button{ margin-top: 24px; } .modal__button{ margin-top: 16px; } .modal__button:first-child{ margin-top: 0; } .modal__content{ margin-top: 24px; } .modal__filter{ width: 400px; } .modal__footer{ border-top: 1px solid var(--text-6); padding-top: 23px; } .modal__block-price{ display: flex; justify-content: space-between; align-items: center; } .modal-block-price__title{ font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 120%; color: var(--text-black); } .modal-block-price__price{ font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 100%; text-transform: uppercase; text-align: right; color: var(--text-black); } .modal-block-price__price::after{ } .modal__basket{ width: 600px; } .modal__to-know, .modal__to-know-submit{ width: 412px; } .modal-basket__item{ padding-top: 23px; padding-right: 15px; padding-bottom: 24px; display: flex; border-top: 1px solid var(--background-grey); position: relative; } .modal-basket__item::before{ content: ''; position: absolute; top: 24px; right: 6px; width: 24px; aspect-ratio: 1; background-image: url(../img/svg/main/basket.svg); background-repeat: no-repeat; background-position: center; cursor: pointer; transition: opacity .2s ease-out; } .modal-basket__item:hover .modal-basket__item::before{ opacity: .8; } .modal-basket__item--return{ padding-right: 5px; display: flex; justify-content: space-between; align-items: center; } .modal-basket__item--return .modal-basket-item__title{ padding-right: 10px; } .modal-basket__item--return::before{ display: none; } .modal-basket-item__return{ border-radius: 20px; padding: 4px 24px; font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 120%; color: var(--text-white); background: var(--background-black); border: none; } .modal-basket-item__block-image{ width: 128px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; } .modal-basket-item__image{ width: 96px; aspect-ratio: 1; object-fit: contain; } .modal-basket-item__content{ margin-left: 16px; } .modal-basket-item__title{ padding-right: 40px; font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: var(--text-black); } .modal-basket-item__sub-title{ margin-top: 8px; font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; color: var(--text-black); } .modal-basket-item__control{ margin-top: 24px; display: flex; justify-content: space-between; align-items: center; } .modal-basket-item__price{ font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 120%; text-align: right; color: var(--text-black); } .modal-basket-item__price::after{ padding-left: 4px; } .modal__basket .modal__header{ height: calc(100% - 92px); margin-bottom: -36px; } .modal__basket .modal__content{ height: calc(100% - 100px); overflow-x: hidden; } .modal__basket .modal__content::-webkit-scrollbar { width: 7px; background-color: #f9f9fd; } .modal__basket .modal__content::-webkit-scrollbar-thumb { background-color: var(--background-black); border-radius: 2px; } .modal-form{ margin: auto; width: 600px; padding: 24px; border-radius: 20px; position: relative; display: none; } .modal-form.active{ display: block; } .modal-form--white{ border: 1px solid var(--background-black); background: var(--background-white); } .modal-form--green-gradient{ background: var(--gradient-blue); } .modal-form--width-584{ width: 584px; } .modal-form--cdek{ width: 836px; } .modal-form__close{ position: absolute; top: 24px; right: 24px; width: 24px; aspect-ratio: 1; border: none; background: none; background-image: url(../img/svg/main/black-x.svg); background-repeat: no-repeat; background-size: 24px; background-position: center; transition: opacity .2s ease-out; z-index: 10; } .modal-form__close--white{ background-image: url(../img/svg/main/white-x.svg); } .modal-form__close:hover{ opacity: .8; } .modal-form__button-close{} .modal-form__title{ padding-right: 50px; font-family: var(--font-family); font-weight: 700; font-size: 26px; line-height: 123%; text-transform: uppercase; color: var(--text-dark); } .modal-form__text--center{ text-align: center; } .modal-form__text--center-pc{ text-align: center; } .modal-form__title--green-gradient{ background: var(--gradient-blue); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .modal-form__title--white{ color: var(--text-white); } .modal-form__element{ margin-top: 24px; } .modal-form__element--center{ display: flex; justify-content: center; } .modal-form__element--top-40{ margin-top: 40px; } .modal-form__text{ font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-black); } .modal-form__text--weight-500{ font-weight: 500; } .modal-form__text--white{ color: var(--text-white); } .modal-form__img{ width: 100%; height: 360px; object-fit: contain; } .modal-form__content{ margin-top: 40px; } .form-row{ margin-top: 24px; } .form-row:first-child{ margin-top: 0; } .modal-form-content__line--two{ display: flex; justify-content: space-between; } .modal-form-content__line--two-mobile{ display: flex; justify-content: space-between; } .modal-form-content__line--two-mobile .modal-form-content-line__element{ width: calc(50% - 12px); } .modal-form-content-line__element{ position: relative; } .modal-form-content-line__element--arrow::after{ content: ''; position: absolute; right: 16px; bottom: 16px; width: 16px; height: 16px; background-image: url(../img/svg/main/arrow-right-input.svg); pointer-events: none; } .modal-form-content__line--two .modal-form-content-line__element{ width: calc(50% - 12px); } .modal-form-content__line--three{ display: flex; } .modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ width: 85px; flex-shrink: 0; } .modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ margin-left: 8px; width: 100%; } .modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ margin-left: 8px; width: 85px; flex-shrink: 0; } .modal-form-content__line--margin-top-16{ margin-top: 16px; } .modal-form__buttons{ margin-top: 32px; } .modal-form__buttons--two{ display: flex; justify-content: space-between; align-items: center; } .modal-form__buttons--two button, .modal-form__buttons--two input{ width: calc(50% - 20px); } .modal-map{ margin: auto; width: 1105px; display: none; border-radius: 24px; border: none; } .modal-map.active{ display: flex; } .modal-map__left{ width: 600px; padding: 24px; position: relative; } .modal-map__control{ margin: 38px -12px -12px -12px; display: flex; } .modal-map__control--delivery{ margin-top: 12px; } .modal-map-control__item{ margin: 12px; padding: 2px; width: calc(50% - 24px); background: var(--background-9); border-radius: 20px; border: none; } .modal-map-control__item.active{ background: var(--gradient-blue); } .modal-map-control__item.active .form-input-radio__circle::before{ content: ''; position: absolute; top: 4px; left: 4px; width: 12px; aspect-ratio: 1; border-radius: 50%; background: var(--gradient-blue); } .modal-map-control-item__content{ padding: 14px; border-radius: 18px; background: var(--background-white); } .modal-map-control-item__header{ display: flex; align-items: center; } .modal-map-control-item__circle{ padding: 2px; width: 20px; aspect-ratio: 1; border-radius: 50%; background: var(--background-9); position: relative; } .modal-map-control-item__input{ display: none; } .modal-map-control-item-circle__content{ width: 16px; aspect-ratio: 1; border-radius: 50%; background: var(--background-white); } .modal-map-control__item.active .modal-map-control-item__circle{ background: var(--gradient-blue); } .modal-map-control__item.active .modal-map-control-item__circle::before{ content: ''; position: absolute; top: 4px; left: 4px; width: 12px; aspect-ratio: 1; border-radius: 50%; background: var(--gradient-blue); } .modal-map-control-item__title{ margin-left: 8px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-dark); } .modal-map-control-item__description{ margin-top: 16px; } .modal-map-control-item__time{ font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 125%; color: var(--text-black); text-align: start; } .modal-map-control-item__price{ margin-top: 8px; font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; color: var(--text-6); text-align: start; } .modal-map__form{ margin-top: 24px; } .modal-map-form__hidden{ } .modal-map-form__button{ margin-top: 83px; } .modal-map-form__sub-button{ display: none; } .modal-map__right{ padding: 16px 0px 16px 16px; } .modal-map__map{ border: 2px solid var(--background-9); border-radius: 16px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .modal-map__map iframe{ height: 650px; } .modal__age{ } .modal__age > div{ display: none; } .modal__age > div.active{ display: flex; } /* modal */ /* toggle */ .toggle{ padding-top: 26px; padding-bottom: 25px; border-bottom: 1px solid var(--text-3); position: relative; } .toggle::after{ content: ''; position: absolute; top: 24px; right: 0; width: 24px; aspect-ratio: 1; background-image: url(../img/svg/main/black-x.svg); transform: rotate(45deg); transition: transform .2s; pointer-events: none; } .toggle.active::after{ transform: rotate(0deg); } .toggle__title{ padding-right: 30px; font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; color: var(--text-black); cursor: pointer; } .toggle__block-content{ height: 0; overflow: hidden; transition: height .2s ease-out; } .toggle__content{ padding-top: 24px; } .toggle-content__item{ margin: 12px -12px -12px -12px; display: flex; align-items: center; flex-wrap: wrap; } .toggle-content__item:first-child{ margin-top: 0; } .toggle-content__element{ margin: 12px; } .toggle-content__element--width-perc-100{ width: 100%; } .toggle-content__element--width-perc-50{ width: calc(50% - 24px); } .toggle__text{ font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-black); } /* toggle */ /* checkbox */ .checkbox{ display: flex; align-items: center; cursor: pointer; } .checkbox__state{ border-radius: 4px; width: 18px; height: 18px; border: 2px solid var(--background-black); background: var(--background-white); flex-shrink: 0; } .checkbox.active .checkbox__state{ background-color: var(--background-black); background-image: url(../img/svg/main/arrow-selected-white.svg); background-repeat: no-repeat; background-position: center; } .checkbox__input{ display: none; } .checkbox__label{ padding-left: 8px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-dark); cursor: pointer; } .checkbox__label a{ color: #76ce75; text-decoration: none; } .checkbox--small{ margin-top: 24px; } .checkbox--small .checkbox__label{ padding-left: 24px; font-weight: 500; font-size: 12px; line-height: 133%; } /* checkbox */ @media (max-width: 720px) { .modal-map__control{ flex-wrap: wrap; } .modal-map-control__item{ width: calc(100% - 24px); } .form__full-mobile{ width: 100%; border-radius: 0; border: none; } } .container{ max-width: 100% !important; padding: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-20_0, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-20_0, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-20_0, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding: 0; } .page-title{ display: none; } .modal-map-control-item__input{ display: none; } .page .main-page-wrapper{ background: #fff !important; } .modal-map-control-item__content{ width: 100%; } .woocommerce-shipping-methods{ display: flex; } .visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modal-map-control__item{ display: flex; flex-direction: column; } .modal-map-control__item > label { flex-grow: 1; display: flex; flex-direction: column; position: relative; } .modal-map-control__item > label > *{ flex-grow: 1; } .modal-map-control__item:nth-child(n){ margin: 12px; margin-bottom: 12px; } .modal-map-control-item__title{ text-align: left; } .modal-map-control__item > label{ margin-bottom: 0; } .open-pvz-btn{ position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .order-contacts__delivery.loading{ position: relative; min-height: 110px; } .order-contacts__delivery.loading::before{ content: ''; z-index: 150; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255, .6); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;'%3E%3Cg%3E%3Ccircle stroke-dasharray='164.93361431346415 56.97787143782138' r='35' stroke-width='10' stroke='%23000000' fill='none' cy='50' cx='50'%3E%3CanimateTransform keyTimes='0;1' values='0 50 50;360 50 50' dur='1s' repeatCount='indefinite' type='rotate' attributeName='transform'/%3E%3C/circle%3E%3Cg/%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io --%3E%3C/svg%3E"); background-size: 48px; background-position: center; background-repeat: no-repeat; } .shop_table .woocommerce-shipping-totals{ display:none; } .amount{ color: inherit; } .order-your-products__item{ align-items: center; } .wc_payment_methods.payment_methods.methods{ display: none; } .woocommerce-terms-and-conditions-wrapper{ } .woocommerce-privacy-policy-text p{ color: #121212 !important; font-size: 14px; } .woocommerce-privacy-policy-text a{ color: #121212 !important; font-size: 14px; text-decoration: underline; } .woocommerce-terms-and-conditions-checkbox-text a{ color: #121212 !important; font-size: 14px; text-decoration: underline; } .woocommerce-checkout.processing { position: relative; opacity: 0.5; pointer-events: none; } .woocommerce-checkout .blockUI.blockOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(242, 242, 242, 0.7) !important; z-index: 9999; } .woocommerce-checkout .blockUI-message { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; font-size: 16px; color: #333; } .cabinet-card__button{ padding: 8px 8px 6px 0; font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 120%; color: var(--text-black); background: none; border: none; position: relative; text-decoration: none; } .cabinet-card__button::before{ content: ''; position: absolute; bottom: 6px; width: calc(100% - 8px); height: 1px; background: var(--text-black); transition: opacity .2s ease-out; } .cabinet-card__button:hover{ opacity: .8; } .form-agreement{ display: flex; } .form-agreement__check{ display: flex; align-items: center; } .form-agreement__square{ width: 18px; aspect-ratio: 1; border-radius: 4px; border: 2px solid var(--background-black); } .form-agreement__label{ margin-left: 8px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: var(--text-black); } .form-agreement__input{ display: none; } .form-agreement__input:checked + .form-agreement__square{ border: none; background: var(--gradient-blue); position: relative; } .form-agreement__input:checked + .form-agreement__square::after{ content: ''; position: absolute; top: 1px; left: 1px; width: 16px; aspect-ratio: 1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.50681 0.784901C9.86151 1.14024 9.86101 1.71584 9.50567 2.07055L4.35112 7.216C3.99601 7.57049 3.42085 7.57024 3.06604 7.21544L0.493317 4.64271C0.138295 4.28769 0.138295 3.71208 0.493317 3.35706C0.848339 3.00204 1.42394 3.00204 1.77897 3.35706L3.70944 5.28753L8.22116 0.783766C8.57649 0.429057 9.1521 0.429565 9.50681 0.784901Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .modal-map__control--delivery > p{ color: #121212; padding-left: 1rem; } .form-agreement__label a{ color: #121212; text-decoration: underline; } .form-input__error.active{ display: block; } .order-your__promo{ position: relative; } .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{ display: none; } .woocommerce-terms-and-conditions-wrapper, .woocommerce-message{ display: none; } .woocommerce-checkout-review-order-table tr{ border: none !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-20_0, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-20_0, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-20_0, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 0 !important; padding-left: 0 !important; } .cdek-office-info{ display: none; } .quantity-control { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .quantity-decrease, .quantity-increase { background: #f0f0f0; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 4px; } .quantity-decrease:hover, .quantity-increase:hover { background: #e0e0e0; } .quantity-input { width: 50px; text-align: center; border: 1px solid #ccc; border-radius: 4px; padding: 5px; } .remove-item { background: #ff4d4d; color: white; border: none; padding: 5px 10px; cursor: pointer; border-radius: 4px; } .remove-item:hover { background: #e63939; }