.order_process:not(.--place-order-page) #ajaxLoadSite_cover{ opacity: 1!important; } body:has(.place-order_page) > #ajaxLoadSite_cover{ height: 100vh !important; position: fixed !important; } // Zmiana wylacznie na stronie .--place-order-page{ #modal_placeholder{ display: none; } // Blokada przesuwania się text area textarea{ resize: none; } label:not(.f-label){ cursor: pointer; } label:has(input:disabled){ cursor: default; } // Error .has-feedback.--error .form-control{ border-color: @less_iaicolorscheme_danger_color; } .has-feedback.--error.has-error .f-label{ color: @less_iaicolorscheme_danger_color; } ////////////////////////////////////////////////////////////////// // MODAL .modal__wrapper{ max-height: 80vh!important; padding: 2rem 3rem!important; } .modal__wrapper:has(.delivery__address-list-container), .modal__wrapper:has(.osc_item-modal){ max-width: 580px!important; } .modal__wrapper:has(#signin-form), .modal__wrapper:has(#e-invoice_dialog), .modal__wrapper:has(.order__voucher_container){ max-width: 500px!important; } #content { #signin-form, .delivery__address-list-container{ display: none; } } // Transition .--hide{ max-height: 0; height: 0; opacity: 0; padding: 0!important; margin: 0!important; overflow: hidden; transition: all 0.2s; } .--more{ .--hide{ max-height: 100%; height: auto; opacity: 1; overflow: visible; } .form-group{ margin-bottom: 2rem!important; } } @keyframes fade-in{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .--fade-in{ display: block!important; animation: fade-in .2s; } .--fade-in-modal{ display: flex!important; animation: fade-in .2s; } // MODAL POWTORKI EMAILA .propose_main{ padding: 0 1rem; .propose_title{ margin-bottom: 1.5rem; display: block; } .propose_json_mail{ margin-bottom: 1.5rem; } .button_password_recover{ margin-bottom: 1rem!important; width: 100%; padding: 1.4rem 0; display: inline-block; } div:has(#mail_propose_signin){ margin-bottom: 1.3rem!important; } } // MODAL elektronicznej faktury #e-invoice_dialog{ .big_label{ text-transform: none; border-left: none; padding-left: 0!important; padding-bottom: 1.5rem!important; } .e-invoice_dialog{ font-weight: 400!important; margin-bottom: 1rem!important; line-height: normal; } p{ line-height: normal; } .btn{ padding: 1.4rem 4rem; } } ////////////////////////////////////////////////////////////////////// // Inputy input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select{ border-radius: 8px!important; height: 38px!important; padding-left: 2.4rem; } input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]){ cursor: pointer; } // Zmiana koloru checkbox i radio input[type="radio"], input[type="checkbox"]{ accent-color: @less_iaicolorscheme_background_active_color; } .f-group .f-control[disabled], .f-group .f-control[readonly] { opacity: 0.65; cursor: not-allowed; pointer-events: none; } .f-group .f-control[disabled] + .f-label, .f-group .f-control[readonly] + .f-label { color: rgba(51, 51, 51, 0.5) !important; } .f-label{ color: #545454; } .f-label{ padding: 0; left: 24px!important; top: 11px!important; } .f-group .f-control.focused + .f-label, .f-group .f-control:focus + .f-label{ transform: scale(0.95) translateY(-20px)!important; } .form-control-feedback{ line-height: 43px; } .has-error .form-control-feedback, .has-success .form-control-feedback { line-height: 34px; } select{ cursor: pointer; } // Ikony i.icon-home:before { content: '\F015'; } i.icon-delivery:before { content: '\E815'; } i.icon-list1:before { content: '\f00c'; } i.icon-need:before { color: #000; content: "*"; } // Zmiana fontsize na 16px na desktop #e-invoice_dialog .btn{ font-size: 1.6rem!important; } // Zmiana fontsize na 14px na desktop #FBS_faktura, .headerText{ font-size: 1.4rem!important; } // Zmiana fontsize na 13px na desktop .propose_json_mail, .control-label, .f-label{ font-size: 1.3rem!important; } // Zmiana fontsize na 12px na desktop .comment, .mapTooltipAdress, #e-invoice_dialog p, .e-invoice_dialog, .cn_propose_desc{ font-size: 1.2rem!important; } // Zmiana grubości czcionki na 700 #FBS_faktura > span, .button_password_recover, #e-invoice_dialog font, #e-invoice_dialog .btn, .--points{ font-weight: 700; } // Zmiana margin bottom na 0 #e-invoice_dialog .big_label{ margin-bottom: 0!important; } @media(max-width: 978px){ .form-control-feedback{ right: 15px!important; } .input_wrapper__first{ padding-right: 0!important; } } @media(max-width: 757px){ .form-control-feedback{ line-height: 51px; } .--hide{ margin-bottom: 0!important; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, .phone_number__code{ height: 45px!important; } .f-group{ .f-label{ top: 15px!important; } .f-control.focused + .f-label, .f-control:focus + .f-label{ transform: scale(0.95) translateY(-23px) !important; } } .has-error .form-control-feedback, .has-success .form-control-feedback{ line-height: 44px; } // Modal elektroniczna faktura mobile .modal__wrapper:has(#e-invoice_dialog){ padding: 2.4rem!important; } #e-invoice_dialog{ .big_label{ padding-bottom: 2.4rem; } .e-invoice_dialog{ margin-bottom: 1.2rem; } } .--hide-map-el{ display: none!important; } } } .delivery_date{ &__options{ position: relative; } &__calendar{ list-style: none; display: flex; gap: 1rem; flex-wrap: wrap; &_option{ padding: 0.5rem 1.5rem; border: 1px solid #ccc; border-radius: 5px; display: flex; flex-direction: column; gap: 0.2rem; align-items: center; &.active{ border-color: @primary_color; } &.--another{ position: relative; display: flex; justify-content: center; align-items: center; &.--open{ .delivery_date__calendar_container{ display: block; } } } &.--custom:not(.active){ display: none; } } &_container{ display: none; position: absolute; background: #fff; border: 1px solid #333; border-radius: 5px; padding: 1rem; top: 0; left: 100%; z-index: 1; } } &__hours{ margin-top: 2rem; } @media(max-width: 757px){ &__calendar_option.--another{ position: static; } &__calendar_container{ left: 0; top: 0; z-index: 2; width: 100%; } } } .osc_item.--calendar:not(:has(input[name="shipping"]:checked)) .delivery_date__options{ display: none!important; } // Strzalki po prawej .bm-oscop__arrow-input{ display: none; } .bm-oscop__arrow-label{ position: relative; width: 100%; } .bm-oscop__arrow-label, .rebate__active{ padding: 0.9rem 1rem 0.9rem 1.9rem; } .bm-oscop__arrow-label::after{ content: "\F107"; font-family: FontAwesome; transition: all 0.25s; position: absolute; right: 1.2rem; } .bm-oscop__arrow-input:checked + .bm-oscop__arrow-label::after{ transform: rotate(180deg); } // Przycisk .bm-oscop__btn{ border: none; background-color: @less_iaicolorscheme_button_large_color!important; color: @less_iaicolorscheme_background_color!important; border-radius: 8px; text-decoration: none!important; cursor: pointer; transition: all 0.25s; text-align: center; } .bm-oscop__btn:hover{ background-color: @less_iaicolorscheme_background_text_color!important; } // Zmiana fontsize na 16px na desktop .bm-oscop__message, .order__voucher_headlines strong, .order__voucher_button, #signin-form .signin-form__button, .delivery__address-list-name, .osc_item-modal h2, .propose_title, #bm-oscop-remarks h3, #summary-points, #fbs_z02_wrapper .big_label, .propose_main .button_password_recover, .rebate__title{ font-size: 1.6rem!important; } // Zmiana fontsize na 14px na desktop .phone_number__code, .order2_terms_checkall, .register_client_checkbox, .firm-form, #delivery_box_switcher label, #bm-oscop-payments .name, .client_type-text{ font-size: 1.4rem!important; } // Zmiana fontsize na 13px na desktop .phone_number__description, .oscop_product_wrap, .order_pay_wrapper, .order2_shiptime, .signin_header, .delivery_date, .remarks__container span, .delivery__address-list-street, .delivery__address-list-city, .delivery__address-list-zipcode, .delivery__address-list-phone, .delivery__address-country_name, .propose_text, .register__hide-password::before, #locationField .btn, .rebate__active-options button{ font-size: 1.3rem!important; } // Zmiana fontsize na 12px na desktop .delivery_date, #bm-oscop-deliveries .name, .bm-oscop__go-shopping, .order_products_action span, .needed-text, #fbs_z02_close::before, .pickup_point_sub div, #bm-oscop-section2 #checkout_step2_2 h3 span, .osc_item-modal span, #mail_propose_signin, #mail_propose_close, .order__voucher_info{ font-size: 1.2rem!important; } // Zmiana grubości czcionki na 700 #delivery_box_switcher label, .client_type-text, #signin-form .signin-form__button, .delivery__address-list-name, .propose_title, .client_type-text, .voucher-value, #active-code, .order2_terms_checkall, .order2_button_order, #fbs_z02_close, #locationField .btn, .btn.map_dir, .fbs02_btn, .register__option label, .rebate label{ font-weight: 700; } // Zmiana margin bottom na 0 #signin-form .f-group, .propose_main div:has(#mail_propose_close), #bm-oscop-section1 .form-group:last-child, .register__form, .register__item:last-of-type, #client-contact-info{ margin-bottom: 0!important; } // Modal vouchera .order__voucher_container { .order__voucher_headlines{ display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.5rem; } .order__voucher_group { margin-bottom: 2rem!important; } .order__voucher_button{ width: 100%; padding: 1.4rem 0; margin-bottom: 1.2rem!important; } .order__voucher_status{ top: -5px!important; } } // Modal logowania #signin-form{ h2{ padding-bottom: 1.5rem; } .signin-form__container div{ margin-bottom: 1rem; } .signin-form__button{ width: 100%; margin-bottom: 1rem; padding: 1.4rem 0; } } // Modal listy adresów .delivery__address-list-container{ h2{ padding-left: 1rem; font-size: 1.8rem; } > span{ padding-left: 1rem; } .delivery__address-list{ margin-top: 2rem; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; li{ padding: 1.5rem 2rem; cursor: pointer; border-radius: 10px; border: 1px solid #ccc; transition: all 0.25s; text-overflow: ellipsis; overflow: hidden; span{ overflow: hidden; } } li:hover{ border: 1px solid #555; } } .delivery__address-list-street, .delivery__address-list-location, .delivery__address-list-phone, .delivery__address-country_name{ color: #999; } .--active-address{ box-shadow: 0 0 0 1px @less_iaicolorscheme_background_active_color; border: 1px solid @less_iaicolorscheme_background_active_color; .delivery__address-list-name{ color: @less_iaicolorscheme_background_active_color; } } } // MODAL BANKU I KARTY .osc_item-modal .payments-container{ margin-top: 2rem; display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; .osc_item:has(input[type="radio"]:checked){ border: 1px solid @less_iaicolorscheme_background_active_color; box-shadow: 0 0 0 1px @less_iaicolorscheme_background_active_color; } .osc_item{ cursor: pointer; border-radius: 8px; padding: 2.5rem; border: 1px solid #D8D8D8; height: 182px; input, .comment{ display: none; } .name{ text-align: center; } .photo{ display: flex; justify-content: center; padding-bottom: 1.5rem; } } } // Kontynuuj zakupy .bm-oscop__go-shopping{ margin-bottom: 4rem; display: inline-block; } .bm-oscop__go-shopping::before { content: "\F104"; font-family: FontAwesome; } // Ułożenie strony .bm-oscop__container{ display: grid!important; grid-template-columns: 5fr 3.5fr; margin: 0 auto; gap: 3rem; h2{ font-size: 2.2rem; padding-bottom: 1.5rem; } // Cena gratis .cost_free{ color: #0BAC38; font-weight: 800; } } .bm-oscop__form-data{ display: flex; flex-direction: column; gap: 2rem; } .input_wrapper__first .form-control-feedback { right: 15px; } .input_wrapper__first .f-label, .input_wrapper__second .f-label{ left: 3.2rem!important; } .input_wrapper__first, .input_wrapper__second{ padding: 0 1rem; } .input_wrapper__second{ padding-right: 0!important; } // Sekcja dane klienta #client-contact-info.--logged{ padding-bottom: 3rem; } #bm-oscop-section1{ margin-bottom: 2rem; .has-feedback.f-feedback:not(.--success):not(.has-sucess):not(.--error):not(.has-error) span.form-control-feedback:after{ content: "*"; color: #333; font-size: 1.5rem; } .change_oscop_data, .firm-group{ display: none; } .change_oscop{ float: right; cursor: pointer; } .client_biling_data { margin-bottom: 1rem; margin-top: 1.7rem; } .client_biling_data div{ border: 1px solid #ccc; margin-bottom: 2rem; padding: 0 2.4rem; border-radius: 8px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; height: 38px; } .row { margin: 0 0 0 -10px; } // Kraj .form-group.--region{ position: relative; .control-label{ background-color: #fff; color: rgba(51, 51, 51, 0.5) !important; position: absolute; cursor: default; top: -8px; transform: scale(0.95); left: 23px; z-index: 2; padding: 0 0.5rem; } select, div:has(select){ position: relative; z-index: 1; } select{ background-color: rgba(255, 255, 255, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; } div:has(select)::after{ z-index: 0; content: "\F107"; font-family: FontAwesome; position: absolute; right: 2.4rem; font-size: 1.8rem; top: 18%; } div:has(select:focus)::after{ content: "\F106"; } } // Zalogowanie się .signin{ .get_signin{ text-decoration: underline; cursor: pointer; } .client_new_social{ margin-top: 2rem; margin-bottom: 3rem; list-style: none; display: flex; justify-content: space-between; gap: 3.5rem; li{ flex-grow: 1; display: flex; transition: all 0.25s; border: 1px solid #ccc; border-radius: 8px; a{ padding: 1rem 0; display: flex; flex-grow: 1; justify-content: center; align-items: center; min-height: 44px; } span{ display: none; } @media(min-width: 978px){ filter: grayscale(1); } } li:hover{ filter: grayscale(0); border: 1px solid #000; } } } // Rejestracja przy złożeniu zamówienia .register{ padding: 2rem 0 3rem 0; margin-bottom: 1rem; .register__option, .register__option label{ display: flex; align-items: center; gap: 0.5rem; } .register__option span{ font-size: 1rem; font-weight: 400!important; color: @less_iaicolorscheme_gray_color; } .register__form{ display: none; margin-top: 2rem; .register__item{ position:relative; margin-bottom: 2rem; input{ width: 100%; padding: 6px 20px 6px 20px; } #toggle-password{ position: absolute; right: 1.5rem; cursor: pointer; display: flex; align-items: center; top: 1px; height: 36px; background: #fff; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox w przeszłości (stare wersje) */ -ms-user-select: none; /* Internet Explorer (>=10) / Edge */ user-select: none; /* Chrome, Opera and Firefox */ } #toggle-password:hover{ color: @less_iaicolorscheme_background_active_color; } #toggle-password::before{ font-family: FontAwesome; font-size: 1rem; margin-right: 0.5rem; } .register__show-password::before{ content: '\E87C'; } .register__hide-password::before{ content: '\E87B'; } } } } .cn_wrapper{ width: 100%!important; } // Dostawa na inny adres #client_new_additional{ border-top: 1px solid #ccc; padding-top: 2.4rem; .delivery_box{ padding: 0!important; border: none!important; background: @less_iaicolorscheme_background_color!important; } } #delivery_box_switcher{ display: flex; justify-content: space-between; .control-label{ padding-top: 1rem; grid-column: span 2; input{ margin-right: 0.5rem; } } .delivery__address-list-button{ padding: 1rem 3rem; display: none; } } .order2_terms_wrapper_sub label{ padding: 0.2rem 1.8rem; } #delivery_region, #client_region{ padding-left: 2.4rem!important; } .order2_terms_wrapper_sub.fbs_inpfaktura:first-of-type{ margin-top: 1rem; } .client_type-text{ margin-right: 1rem; } .phone_number__code{ position: relative; background: #fff; display: flex; align-items: center; border: 1px solid #c4c7c8; border-radius: 8px; cursor: pointer; min-height: 38px; padding-left: 2rem; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox w przeszłości (stare wersje) */ -ms-user-select: none; /* Internet Explorer (>=10) / Edge */ user-select: none; /* Chrome, Opera and Firefox */ &_number{ height: 100%; border: none; max-width: 36px; padding-left: 4px; font-weight: 600; } &::after{ content: "\F107"; position: absolute; right: 2.4rem; top: 50%; transform: translateY(-50%); font-family: FontAwesome; font-size: 1.8rem!important; } } .phone_number__code_list{ display: none; list-style: none; } .phone_number__code_list.show{ display: flex!important; flex-direction: column; gap: 0.4rem; position: absolute; left: 0; top: 100%; overflow-y: auto; .less_scrollbar(); max-height: 15rem; width: 100%; background: #fff; border: 1px solid #ccc; border-top: none; z-index: 10; padding-left: 1.7rem; } .phone_number__code:has(.phone_number__code_list.show)::after{ transform: translateY(-50%) rotate(180deg); } .phone_number__description{ position: absolute; transform: scale(0.95) translateY(-20px) !important; background: #fff; padding: 0 0.5rem; } } // Sekcja dostawa i płatności #bm-oscop-payments .osc_item{ grid-template-columns: 13px 70px 150px 1fr; } #bm-oscop-deliveries .osc_item{ grid-template-columns: 13px 70px 1fr auto; } .bm-oscop__message{ background: 1px solid @warning_color; background: #fcca83; padding: 2rem 4rem; border-radius: 8px; margin-bottom: 2rem; } .bm-oscop__message::before{ content: '\F06A'; font-family: fontawesome; color: @warning_color; display: block; text-align: center; font-size: 3.2rem; } #bm-oscop-section2{ .osc_item { gap: 1.2rem; margin-bottom: 2rem; border: 1px solid #ccc; padding: 1rem 2.4rem; border-radius: 8px; min-height: 6rem; transition: all 0.25s; display: grid; align-items: center; column-gap: 1rem; width: 100%; .delivery_date{ display: flex; flex-direction: column; &__options{ grid-column: ~"1 / 5"; } } .price{ flex-shrink: 0; } .photo{ display: flex; justify-content: center; align-items: center; } // Chowanie przewidywanego czasu dostawy input:checked[data-pickuppoint="y"] ~ .delivery_date{ display: none; } } .osc_item:hover{ border: 1px solid #555; } .osc_item:has(input[type="radio"]:checked){ border: 1px solid @less_iaicolorscheme_background_active_color; box-shadow: 0 0 0 1px @less_iaicolorscheme_background_active_color; } .osc_item, .osc_item input, .osc_item span{ cursor: pointer; } .fselectedPoint{ display: flex; align-items: center; grid-column: 1 / span 3; } .pickup_point{ border: none!important; padding: 0!important; } .pickup_point_sub{ display: flex; flex-direction: column; div{ display: flex; gap: 2rem; } } .remarks__container{ display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: flex-start; div{ display: flex; flex-direction: column; // padding-bottom: 0.9rem; border-radius: 8px; border: 1px solid #ccc; textarea{ transition: all 0.25s; height: 0; padding: 0; opacity: 0; margin: 0 1rem; } input[type="checkbox"]:checked ~ textarea{ height: 38px; padding: 1rem; opacity: 1; margin: 0 1rem 1rem 1rem; } } } .osc_item-modal{ display: none; } } #bm-oscop-remarks{ h3{ color: #000; margin-bottom: 2rem; margin-top: 4rem; } i{ color: @less_iaicolorscheme_background_active_color; margin-right: 1rem; } span{ margin-left: 1rem; font-weight: 400; } } // Sekcja podsumowanie #bm-oscop-section3{ position: sticky; top: 10px; align-self: flex-start; .summary__container{ background-color: #f2f2f2; padding: 4rem 2rem 2rem 2rem; border-radius: 5px; } // Produkty .--more .--last-visible{ border-bottom: 1px solid #bbb!important; } h2{ border-bottom: 1px solid #000; } .summary__products{ @media(min-width: 980px){ max-height: 443px; overflow-y: auto; .less_scrollbar(); } } .oscop_product_wrap{ display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 1rem; border-bottom: 1px solid #bbb; padding: 1rem 0; &:first-of-type{ border-bottom: 1px solid #bbb; } &.--last{ border-bottom: 1px solid #000; } } .--last-visible, .--last-hidden{ border-bottom: none; } .oscop_product_wrap_r, .oscop_icon{ display: flex; align-items: center; } .oscop_product_wrap_r { justify-content: space-between; gap: 1rem; } .oscop_icon{ justify-content: center; overflow: hidden; height: 90px; width: 90px; border-radius: 10px; background: #fff; } .oscop_icon-img{ transition: all 0.25s; } .oscop_icon-img:hover{ transform: scale(1.1); } .oscop_price{ min-width: 60px; text-align: right; } .order_products_action{ text-align: center; cursor: pointer; position: relative; height: 18px; span{ background-color: @less_iaicolorscheme_gray_lighter_color; padding: 0 1rem; transition: all 0.25s; position: relative; z-index: 2; } span:hover{ font-weight: 600; font-size: 1.3rem!important; } } .order_products_action::before{ content: ""; height: 1px; width: 100%; background: #000; display: inline-block; position: absolute; left: 0; top: 50%; z-index: 1; } .--more .--hide{ padding: 1rem 0!important; } .order_pay_wrapper, .order2_summary{ border-bottom: 1px solid #000; display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem 0; } .--points{ color: @less_iaicolorscheme_background_active_color; } .order_pay_wrapper div, .order2_summary div{ display: flex; justify-content: space-between; flex-wrap: wrap; } small{ display: none; } .order2_terms_wrapper_sub{ margin-bottom: 4px; span{ max-width: 100%; } label{ padding:0; display: flex; width: auto; } } .order2_terms_wrapper{ width: 100%!important; display: flex; flex-direction: column; margin-top: 1rem; } .order2_terms_wrapper_sub .icon-need{ display: inline; } // Kod rabatowy .rebate__title{ color: #000; display: flex; align-items: center; margin-top: 1.5rem; margin-bottom: 0.7rem; svg{ margin-right: 1rem; fill: @less_iaicolorscheme_background_active_color!important; } } .rebate{ margin-bottom: 2rem; border: 1px solid #ccc; border-radius: 8px; .rebate__options{ display: flex; align-items: center; } .rebate__code{ display: none; .rebate__code-container{ display: grid; grid-template-columns: 5fr 3fr; padding: 1.1rem 1rem 0.9rem 1rem; > div{ position: relative; margin-right: 2rem; } .help-block.validate_message.text-danger{ grid-column: 1 / span2; margin-top: 1rem; } } #rebate-code{ margin: 0!important; display: inline-block; } .rebate__code-realize{ padding: 1rem; } } .rebate__active .rebate__active-options{ padding: 0.5rem 0; display: flex; gap: 4rem; button{ text-decoration: underline; } button:hover{ color: @less_iaicolorscheme_background_active_color; } } } .needed-text{ margin-top: 5px; margin-bottom: 10px; } .order2_terms_checkall{ display: flex; align-items: center; text-decoration: underline; margin-bottom: 1rem; } input{ margin: 0.5rem 0.8rem 0.5rem 0; } .order2_button_order{ display: inline-block!important; width: 100%; padding: 1.4rem; font-size: 2.2rem; } .operation_value.minus_sign{ font-weight: 800; } .operation_value.minus_sign::before{ padding-right: 0!important; } } @media(max-width: 978px){ .bm-oscop__container{ grid-template-columns: 1fr!important; padding: 0 2rem; .row{ gap: 2rem; } } #attatched-summary .bm-oscop__btn{ min-height: 45px; padding: 1.4rem 0; } } @media(max-width: 757px){ .place-order_page{ .input_wrapper__first{ padding-right: 0!important; } .client_box.cn_wrapper .row, .delivery_box.cn_wrapper .row{ gap: 0; padding-left: 0.5rem; .input_wrapper__first, .input_wrapper__second{ padding-left: 0.5rem!important; } .input_wrapper__first{ margin-bottom: 1.2rem!important; } } .input_wrapper__first .f-label, .input_wrapper__second .f-label{ left: 2.8rem!important; } } .order__voucher_container .order__voucher_status{ top: -1px!important; } .rebate__active, .bm-oscop__arrow-label{ padding: 1.4rem 1rem 1.4rem 1.9rem; } .modal__wrapper:has(.osc_item-modal){ padding: 2.4rem!important; } .osc_item-modal .payments-container{ margin-top: 2.4rem!important; } .delivery__address-list{ grid-template-columns: 1fr!important; } // Zmiana fontsize na 12px mobile .oscop_product_wrap_r .oscop_quantity{ font-size: 1.2rem!important; } // Zmiana fontsize na 13px mobile .delivery_date, .oscop_product_wrap_r .oscop_price, .order2_terms_wrapper_sub:not(.needed-text), #mail_propose_signin, #mail_propose_close { font-size: 1.3rem!important; } // Zmiana fontsize na 14px mobile .bm-oscop__btn, .oscop_product_wrap_r .oscop_product_name, .rebate__options, .order2_terms_wrapper_sub, .propose_text, .propose_json_mail, .button_password_recover, #bm-oscop-section2 #bm-oscop-remarks h3, .rebate__title{ font-size: 1.4rem!important; } #delivery_box_switcher label, #FBS_faktura > span, #bm-oscop-payments .osc_item .name{ font-size: 1.6rem!important; } .bm-oscop__btn{ min-height: 45px; padding: 1.4rem 0; width: 100%; font-weight: 700; } .bm-oscop__container{ padding: 0 0.5rem; h2{ font-size: 2.4rem; } } .bm-oscop__go-shopping{ margin-bottom: 2rem; } #bm-oscop-payments .osc_item .name{ font-weight: 700; } #bm-oscop-section1{ margin-bottom: 0.4rem; .client_biling_data div{ margin: 1rem 0; height: 45px; } .register{ padding-top: 1.6rem; padding-bottom: 1.4rem; } #toggle-password{ height: 43px!important; } .client_new_social{ gap: 1.6rem!important; } .client_type-text{ display: block; margin-bottom: 1.2rem; } .signin .client_new_social{ margin-top: 1.8rem; margin-bottom: 2.4rem; } .--phone .row{ gap: 1.2rem!important; } } #delivery_box_switcher{ flex-direction: column; gap: 1.2rem; } .delivery_box.--more .form-group, .client_box .form-group, #client-contact-info .form-group{ margin-bottom: 1.2rem!important; } #client_form{ margin-bottom: 2.4rem; } .osc_item-modal .payments-container{ grid-template-columns: 47% 47%; } #bm-oscop-section2{ .osc_item{ margin: 1rem 0; column-gap: 1.2rem; padding: 1.6rem 2.4rem; row-gap: 1.8rem; grid-template-columns: 13px 60px 1fr!important; .comment, .delivery_date, .fselectedPoint, .voucher-value{ grid-column: 1 / span 3; padding-top: 0.8rem!important; } .voucher-value{ text-align: center; } .delivery_info{ justify-content: space-between; align-items: center; } .delivery_date, .delivery_info, .pickup_point_sub{ display: flex; align-items: center; flex-direction: row; column-gap: 1rem; } .delivery_date, .pickup_point_sub{ flex-wrap: wrap; } .pickup_point_sub div{ gap: 0.5rem; } } #bm-oscop-deliveries .osc_item{ .delivery_date, .fselectedPoint{ border-top: 1px solid #EFEFEF; } } .remarks__container{ gap: 2.5rem; grid-template-columns: 1fr; div input[type="checkbox"]:checked ~ textarea{ height: 8rem; } } } #bm-oscop-section3{ img{ max-width: 100%!important; } .oscop_product_wrap_r{ flex-direction: column; align-items: flex-start; gap: 0.8rem; .oscop_price{ text-align: left; padding-top: 0.8rem; } } .rebate .rebate__code-container{ gap: 1.2rem; grid-template-columns: 1fr!important; > div{ margin-right: 0!important; grid-column: 1 / span1; } .help-block.validate_message.text-danger{ grid-column: 1 / span1!important; grid-row: 2 / span1; margin-bottom: 1rem; margin-top: 0!important; } .rebate__code-realize{ grid-column: 1 / span1; } } .rebate__code-realize{ width: 100%; } .order2_button_order{ font-size: 1.6rem!important; } } } @media(max-width: 450px){ .delivery_info{ flex-direction: column!important; align-items: flex-start!important; } } @media(max-width: 450px){ .osc_item-modal .payments-container{ grid-template-columns: 1fr; } } ////////////////////////////////////////////////////////////////////// // LEAFLET MAP // Znika powtórzenie .leaflet-marker-shadow, .leaflet-shadow-pane, .asideContainer_pickup > input:not(:checked) + label .fbs02_btn{ display: none; } .leafleat-suggestions { position: absolute; z-index: 600; top: 38px; width: calc(92% - 177px); @media (max-width: 757px){ width: 100%; } } #fbs_z02_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.75); text-align: center; z-index: 1050; } #fbs_z02_wrapper { display: inline-block; vertical-align: middle; position: relative; width: 95%; box-shadow: 0px 2px 6px rgba(0, 0, 0, 1); border-radius: 5px; background: #fff; text-align: left; max-width: 1200px; z-index: 1055; top: 50% !important; transform: translateY(-50%); } #fbs_z02_close { width: 25px; text-align: center; line-height: 21px; font-size: 2.9rem; position: absolute; right: 10px; text-decoration: none; top: 10px; } #fbs_z02_close:hover{ color: @less_iaicolorscheme_background_active_color; } div.asideContainer_pickup { margin-top: 10px; .less_scrollbar(); @media(min-width: 757px){ padding-left: 0.5rem; } } .pickup_sites_errors, .pickup_point_sub input { width: 100%; display: none; } .map_button_search { z-index: 401; } .pickup_search_here, .pickup_search_here_leaflet { position: static; display: block; transform: none; } .pickup_sites_errors.show, .pickup_search_here:hover, .pickup_search_here_leaflet:hover { display: block; } @media (min-width: 979px) { .pickup_search_here, .pickup_search_here_leaflet { position: absolute; transform: translateX(-50%); display: inline-block; z-index: 50; top: 15px; left: 50%; } .pickup_search_here:hover, .pickup_search_here_leaflet:hover { display: inline-block; } } @media (min-width: 758px) { #autocomplete_location { padding: 10px; } #pickup_list_form div.loadingMap { height: 501px; } .mobile-change__btns{ display: none!important; } #mymap { width: calc(100% - 340px); margin-right: 20px; height: 500px; } div.pickup_map_sidebar { display: flex; margin-bottom: 0!important; } } #pickup_list_form div.loadingMap { height: 261px; } .leaflet-marker-icon { background: none; } .leafleat-suggestions { border-top: none; margin-top: 0!important; } .contact_page .loadingMap { height: 400px; left: 15px; right: 15px; width: auto; } .leaflet-img-holder { background: url('/data/include/cms/map_marker/testMarkerIcon.svg?v=1703749295264'); } #mymap { height: 500px; width: 100%; margin-bottom: 25px; position: relative; } .loadingPoints { background: #ffffff; z-index: 99999999; position: absolute; width: 100%; max-width: 869px; display: block; text-align: center; margin: auto; padding: 2em; height: 500px; @media (min-width: 758px) and (max-width: 978px){ max-width: 615px; } } @media (max-width: 550px) { #locationField .btn { position: relative; } } @media (max-width: 757px) { .loadingPoints { height: 435px; } #fbs_z02_wrapper .big_label { font-size: 1.5em; } #autocomplete_location { padding: 5px; } .leaflet-popup-content .fbs02_btn { width: 100%; margin: 5px 0 0; } } @media (max-width: 370px) { .asideContainer_pickup .fbs02_btn { width: 100%; margin: 5px 0 0; } } // ZMIANY W MAPIE #fbs_z02_wrapper input:checked + label.pickup_point{ border-radius: 8px; } .mobile-change__btns{ position: sticky; bottom: 0; background: #fff; display: flex; justify-content: center; align-items: center; z-index: 599; margin: 0 auto; button{ background: @less_iaicolorscheme_background_text_color!important; padding: 2rem 5rem!important; border-radius: 0!important; } } #fbs_z02_close::before{ content: '\E897'; font-family: FontAwesome; } .asideContainer_pickup .pickup_point{ transition: all 0.25s; } .asideContainer_pickup .pickup_point:hover{ box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 7px 7px 0px rgba(0, 0, 0, 0.04), 0px 16px 10px 0px rgba(0, 0, 0, 0.03), 0px 29px 11px 0px rgba(0, 0, 0, 0.01), 0px 45px 13px 0px rgba(0, 0, 0, 0.00); border-radius: 8px; } .asideContainer_pickup input:not(:checked) + .pickup_point:hover{ border-bottom: 1px solid rgba(0,0,0,0); } #fbs_z02_wrapper{ .locationField_sub, .pickup_map_sidebar, .pickupl_submit{ background: #fff!important; } div.pickup_map_sidebar, div.locationField_sub, .big_label{ border:none!important; } .big_label{ text-transform: none; margin-bottom: none; } div.locationField_sub, .big_label{ padding: 2rem 3.5rem 0 3rem; } .pickup_map_sidebar{ padding: 2rem 3rem; } #mymap{ height: 500px; } #locationField{ display: grid; grid-template-columns: 1fr calc(8% + 157px); column-gap: 2rem; } #autocomplete_location{ height: 3.8rem; } #locationField .btn{ max-height: 100%; position: static; } #locationField .btn:before{ content: '\F002'; font-family: FontAwesome; font-size: 1.1rem; margin-right: 0.8rem; } .headerText{ margin-bottom: 1rem; } .pickup_point_sub div{ color: #545454; margin-bottom: 1.5rem; } label.pickup_point{ padding: 1.5rem 2rem 1rem 2rem; } .btn.map_dir{ width: 100%; text-align: left; padding: 0; margin-top: 0; margin-bottom: 1rem; } .fbs02_btn{ padding: 0; margin-left: 0; text-decoration: none; background: @less_iaicolorscheme_background_active_color; color: #fff; padding: 0.6rem 4rem; border-radius: 8px; } .fbs02_btn:hover{ background-color: @less_iaicolorscheme_background_text_color; } .mapTooltipAdress{ color: #545454; } .leaflet-popup-content .btn-small:first-of-type{ width: 100%; display: inline-block; margin-bottom: 1rem; } @media(max-width: 757px){ #fbs_z02_modal{ max-height: 90vh; overflow-y: scroll; .less_scrollbar(); .big_label, .locationField_sub, .asideContainer_pickup{ padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 0; } } #locationField{ grid-template-columns: 1fr; gap: 1rem; } .pickup_map_sidebar{ padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #mymap{ height: 350px; } .asideContainer_pickup{ max-height: 401px; } .locationField_sub{ padding-top: 1rem!important; } .pickup_map_sidebar{ padding-top: 0!important; padding-left: 0rem; padding-right: 0rem; } } } // PRZYCZEPIONY PRZYCISK KUP TERAZ NA DOLE .order_pay_wrapper, .order2_summary{ border-bottom: 1px solid #000; display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem 0; } #order2_summaryprice, #attatched-summaryprice{ font-size: 2.2rem; font-weight: 800; @media(max-width: 757px){ font-size: 2rem!important; } } #summary-points, #attatched-points, .order2_terms_checkall{ text-align: center; } .order_pay_wrapper div, .order2_summary div{ display: flex; justify-content: space-between; flex-wrap: wrap; } order2_button_order{ display: inline-block!important; width: 100%; padding: 1.4rem; font-size: 2.2rem; } .order2_terms_checkall{ display: flex; text-decoration: underline; margin-bottom: 1rem; } .bm-oscop__attatched-zone .--error .order2_terms_checkall{ color: @less_iaicolorscheme_danger_color; } #attatched-summary{ position: relative; z-index: 30; @media(min-width: 979px){ display: none; grid-column: 2 / span 1; }; } .bm-oscop__attatched-zone, .bm-oscop__attatched-container{ width: 100%; } .bm-oscop__attatched-zone{ position: fixed; background: @less_iaicolorscheme_background_color; bottom: 0; max-width: 100vw; left: 0; @media(min-width: 979px){ left: auto; max-width: 469px; width: 39%; padding-bottom: 1.5rem; border-radius: 8px 8px 0 0; } } .bm-oscop__attatched-container{ background-color: #f2f2f2; border-radius: 8px 8px 0 0; border-top: 2px solid #ddd; padding: 0 4rem 1rem 4rem; @media(min-width: 758px){ padding: 0 5.5rem 1rem 5.5rem; } @media(min-width: 979px){ padding: 0 2rem 1rem 2rem; border-radius: 8px; grid-column: 2 / span 1; }; } .bm-oscop__attatched-price{ margin-bottom: 0.5rem; } #attatched-summary .order2_terms_checkall{ padding-bottom: 2rem; } .bm-oscop__attatched-checkbox{ label{ padding-top: 0.5rem; } #attatched-checkall-terms{ margin-right: 0.5rem; } } .modal__content #signin-form{ display: block!important; } .--place-order-page{ @media (min-width: 757px) { div.asideContainer_pickup { width: 330px; margin-top: 0; max-height: 500px; } } label.pickup_point { border: 2px solid transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #333; cursor: pointer; font-size: 12px; padding: 10px 10px 10px 47px; position: relative; width: 100%; } input:checked + label.pickup_point { border: 2px solid @primary_color; background: #fff; z-index: 10; border-radius: 5px; } #e-invoice_dialog { display: none; } #e-invoice_dialog .big_label, #e-invoice_dialog .headline { padding-top: 0; } #e-invoice_dialog div { border: 1px solid #c4c7c8; padding: 25px; background: url('/gfx/standards/e-invoice_leaf.png?r=1732180575') 95% center no-repeat; } #e-invoice_dialog div > span { font-size: 2.33em; line-height: 1em; font-weight: bold; display: block; margin-bottom: 25px; } #e-invoice_dialog div > span font { color: #CA4C56; display: block; } #e-invoice_dialog div p { width: 80%; margin-bottom: 25px; } #e-invoice_dialog div button { display: block; margin: 0 auto; } .order2_terms_wrapper_sub input { margin-left: -17px; margin-right: 5px; vertical-align: middle; } }