Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/sale/checkout/css/ |
Upload File : |
.checkout-container { padding: 0 16px 1px; background: #fff; } .checkout-icon-helper { width: 20px; min-width: 20px; height: 19px; opacity: .2; background: center right no-repeat url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.3102 13.6209C9.79577 13.6209 12.6214 10.7953 12.6214 7.30972C12.6214 3.82415 9.79577 0.998535 6.3102 0.998535C2.82464 0.998535 -0.000976562 3.82415 -0.000976562 7.30972C-0.000976562 10.7953 2.82464 13.6209 6.3102 13.6209ZM5.51559 9.38397V10.8095H6.96884V9.38397H5.51559ZM5.38627 6.32935H4.02558C4.03175 5.99612 4.08883 5.69066 4.19682 5.41297C4.30481 5.13527 4.456 4.89461 4.65038 4.69097C4.84477 4.48733 5.07926 4.32843 5.35387 4.21426C5.62848 4.1001 5.93548 4.04302 6.27488 4.04302C6.71302 4.04302 7.07864 4.10319 7.37176 4.22352C7.66488 4.34385 7.90092 4.4935 8.07988 4.67245C8.25883 4.85141 8.38688 5.04425 8.46402 5.25098C8.54115 5.45771 8.57972 5.65055 8.57972 5.8295C8.57972 6.12571 8.54115 6.36946 8.46402 6.56076C8.38688 6.75206 8.29123 6.91559 8.17707 7.05135C8.06291 7.18711 7.9364 7.30281 7.79756 7.39846C7.65871 7.49411 7.52758 7.58976 7.40416 7.68541C7.28074 7.78106 7.17121 7.89059 7.07556 8.01401C6.97991 8.13743 6.91974 8.29171 6.89506 8.47683V8.82858H5.64544V8.41204C5.66396 8.14669 5.71487 7.92454 5.79818 7.74558C5.88148 7.56662 5.97867 7.41389 6.08975 7.28739C6.20083 7.16088 6.31808 7.05135 6.44149 6.95879C6.56491 6.86622 6.67908 6.77366 6.78398 6.68109C6.88889 6.58853 6.97374 6.48671 7.03853 6.37563C7.10333 6.26455 7.13264 6.12571 7.12647 5.95909C7.12647 5.67523 7.05705 5.46542 6.9182 5.32966C6.77935 5.1939 6.58651 5.12602 6.33967 5.12602C6.17306 5.12602 6.02959 5.15842 5.90925 5.22321C5.78892 5.28801 5.69018 5.3744 5.61305 5.48239C5.53591 5.59038 5.47883 5.71688 5.4418 5.8619C5.40478 6.00692 5.38627 6.16273 5.38627 6.32935Z' fill='%23121212'/%3E%3C/svg%3E%0A"); } .checkout-icon-helper:hover { opacity: .6; } /*region PAYMENT & SHIPPING & CHECKOUT*/ .checkout-payment-container, .checkout-checkout-container, .checkout-shipping-container { padding: 0 8px 20px; } .checkout-payment-header, .checkout-checkout-header, .checkout-shipping-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; } .checkout-payment-title, .checkout-checkout-title, .checkout-shipping-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #121212; } .checkout-payment-method-list, .checkout-checkout-method-list, .checkout-shipping-method-list { margin: 0 -5px; } .checkout-payment-method, .checkout-checkout-method, .checkout-shipping-method { display: flex; align-items: center; padding: 9px 5px; position: relative; } .checkout-payment-method:before, .checkout-checkout-method:before, .checkout-shipping-method:before { background: rgba(18, 18, 18, 0.1); height: 1px; content: ''; left: 5px; right: 5px; bottom: 0; position: absolute; } .checkout-payment-method.checkout-payment-method-selected:before, .checkout-checkout-method.checkout-checkout-method-selected:before, .checkout-shipping-method.checkout-shipping-method-selected:before { display: none; } .checkout-payment-method-selected, .checkout-shipping-method-selected { background: rgba(108, 183, 14, 0.11); border-radius: 8px; } .checkout-payment-method-img, .checkout-checkout-method-img, .checkout-shipping-method-img { width: 100%; height: auto; } .checkout-payment-method-image-block, .checkout-checkout-method-image-block, .checkout-shipping-method-image-block { /*border: 1px solid rgba(18, 18, 18, 0.21);*/ box-sizing: border-box; border-radius: 5px; height: 35px; width: 55px; min-width: 55px; max-width: 55px; /*padding: 7px;*/ display: flex; align-items: center; justify-content: center; background-color: #fff; } .checkout-payment-method-name-block, .checkout-checkout-method-name-block, .checkout-shipping-method-name-block { flex:1; padding-left: 5px; } .checkout-payment-method-name, .checkout-checkout-method-name, .checkout-shipping-method-name { font-style: normal; font-weight: normal; font-size: 15px; line-height: 17px; color: #121212; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .checkout-payment-method-description, .checkout-checkout-method-description, .checkout-shipping-method-description { font-style: normal; font-weight: normal; font-size: 11px; line-height: 14px; color: #121212; opacity: 0.5; } .checkout-payment-method-btn-block, .checkout-checkout-method-btn-block, .checkout-shipping-method-btn-block { } .btn.checkout-payment-btn { padding: 0.29rem 1.3rem; } .btn.checkout-shipping-btn { padding: 0.29rem 1.3rem; } .btn.checkout-checkout-btn { padding: 0.41rem 1.3rem; } .checkout-payment-btn-selected { background-color: var(--theme-color-primary); border-color: var(--theme-color-primary) !important; color: #fff; } .checkout-payment-btn-selected::before { display: inline-block; width: 5px; height: 11px; border: 2px solid #fff; border-left: none; border-top: none; content: ''; transform: rotate(45deg); margin-right: 10px; } .checkout-payment-description, .checkout-checkout-description, .checkout-shipping-description { font-style: normal; font-weight: normal; font-size: 15px; line-height: 17px; color: #121212; padding: 8px 0; } /*endregion*/ /*region BONUS*/ .checkout-bonus-container {} .checkout-bonus-selector-block { padding: 7px 8px 5px; position: relative; background: #FFF; border: 1px solid rgba(18, 18, 18, 0.05); box-sizing: border-box; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15); border-radius: 2px; margin-bottom: 20px ; } .checkout-bonus-selector-description { padding: 0 8px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 21px; color: #121212; margin-bottom: 5px; } .checkout-bonus-selector { display: flex; align-items: center; } .checkout-bonus-selector-track-background { flex: 1; background: linear-gradient(105.49deg, #ffb74a 2.3%, #ff7854 23.8%, #be53c0 65.67%, #bd23bb 95.2%); height: 8px; position: relative; border-radius: 4px; } .checkout-bonus-selector-track { top: 0; right: 6px; left: 6px; bottom: 0; position: absolute; border-radius: 4px; } .checkout-bonus-selector-min { padding-right: 6px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 21px; color: #121212; } .checkout-bonus-selector-max { padding-left: 6px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 21px; color: #121212; } .checkout-bonus-selector-bar { position: absolute; right: -6px; top: 0; background: #E7E7E7; bottom: 0; border-radius: 4px; } .checkout-bonus-selector-handle { height: 22px; width: 22px; border-radius: 50%; border: 1px solid #F0F0F0; top: 50%; margin-left: -11px; margin-top: -11px; position: absolute; cursor: pointer; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); } .checkout-bonus-selector-handle::after { content: ''; display: block; width: 20px; height: 20px; border: 5px solid #fff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; pointer-events: none; } .checkout-bonus-selector-handle::before { content: ''; display: block; width: 10px; height: 10px; border: 1px solid #F0F0F0; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; pointer-events: none; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25); } .checkout-bonus-selector-track-description { display: flex; align-items: flex-start; justify-content: space-between; font-style: normal; font-weight: normal; font-size: 12px; line-height: 21px; text-align: right; color: #C4C4C4; } .checkout-bonus-scores { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; } .checkout-bonus-scores-icon { width: 18px; height: 18px; background: no-repeat center url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M2.00545 8.24097C1.72119 8.45345 1.74262 8.88618 2.04647 9.06954L4.73231 10.6903C4.88708 10.7837 4.97939 10.9534 4.97374 11.134L4.87558 14.2695C4.86448 14.6242 5.21616 14.8773 5.54897 14.754L8.49073 13.6647C8.66025 13.6019 8.85045 13.6355 8.98818 13.7526L11.3784 15.7843C11.6488 16.0141 12.0659 15.8969 12.177 15.5599L13.1595 12.5807C13.2161 12.409 13.361 12.2813 13.5384 12.2466L16.6171 11.6446C16.9654 11.5765 17.1338 11.1773 16.9396 10.8803L15.223 8.25468C15.1241 8.10338 15.1145 7.91047 15.198 7.75013L16.6469 4.96779C16.8108 4.65301 16.6037 4.27243 16.2504 4.23907L13.1273 3.94415C12.9473 3.92715 12.7906 3.81434 12.7173 3.6491L11.4453 0.781577C11.3014 0.457167 10.8747 0.381766 10.6284 0.637201L8.45056 2.89505C8.32507 3.02515 8.13912 3.07739 7.96423 3.03167L4.92924 2.23828C4.58588 2.14852 4.26092 2.43507 4.30701 2.78696L4.71444 5.89737C4.73791 6.07661 4.66282 6.25456 4.51803 6.36279L2.00545 8.24097Z' fill='url(%23paint0_linear)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.923828' y='0.211548' width='16.8201' height='17.6636' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.25'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.854902 0 0 0 0 0.368627 0 0 0 0 0.568627 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='5.99756' y1='1.66614' x2='18.6226' y2='20.9161' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD74A'/%3E%3Cstop offset='0.440946' stop-color='%23FF7854'/%3E%3Cstop offset='0.786435' stop-color='%23BE53C0'/%3E%3Cstop offset='0.916569' stop-color='%23BD23BB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); } .checkout-bonus-scores-text { padding-left: 10px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 21px; color: #121212; } /*endregion*/ /*region Agreement*/ .checkout-agreement-container, .main-user-consent-request { display: flex; align-items: flex-start; padding-top: 8px; min-width: 15px; } .checkout-agreement-block { /*padding-top: 5px;*/ } .checkout-agreement-input{} .checkout-agreement-text, .main-user-consent-request-announce-link { font-style: normal; font-weight: normal; font-size: 11px; line-height: 12px; color: #121212; opacity: 0.4; padding-left: 10px; /*padding-top: 5px;*/ } /*endregion*/ .checkout-order-common-container { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 16px; } .checkout-order-common-row { display: flex; align-items: center; justify-content: center; padding: 14px 42px; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 17px; font-style: normal; font-weight: 500; line-height: 25px; text-align: center; color: #fff; width: 100%; } .checkout-order-common-row-icon { margin-right: 8px; } .checkout-order-common-container .checkout-order-common-row:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .bx-soa-empty-cart-image{ width:131px; height:116px; margin:50px auto 42px; background:url(images/empty_cart.svg) no-repeat center; -webkit-background-size:contain; background-size:contain; } .bx-soa-empty-cart-text{ font-size:36px; text-align:center; color:#bababa; margin-bottom:42px; } .bx-soa-empty-cart-desc{ text-align:center; color:#000; font-size:16px; margin-bottom:42px; }