/* З */ .iti { width: 100%; } .iti input { width: 100%; } .iti__country-list { font-size: 14px; border: 1px solid rgba(228, 228, 228, 1); border-radius: 18px; box-shadow: 6px 10px 24px rgba(0, 0, 0, 0.08); z-index: 9999; position: relative; } .iti__country { font-size: 14px; line-height: 1.5; } .iti__country-name { font-size: 14px; } .iti__dial-code { font-size: 12px; } .iti__selected-flag { border-top-left-radius: 18px; border-bottom-left-radius: 18px; } .iti__country-list::-webkit-scrollbar { display: none; } .iti__country-list { -ms-overflow-style: none; scrollbar-width: none; } .promo-window { display: none; } .w-slider-nav { font-size: 15px; border-radius: 15px; display: flex; justify-content: center; align-items: center; gap: 14px; } .w-slider-dot.w-active { width: 10px; height: 10px; background: #FAB619; border: none; border-radius: 15px; } .w-slider-dot { width: 8px; height: 8px; background-color: #D9D9D9; border-radius: 2px; } /* З */ .track-horizontal { position: absolute; white-space: nowrap; will-change: transform; animation: marquee-horizontal 30s linear infinite; } @keyframes marquee-horizontal { from { transform: translateX(0); } to { transform: translateX(-50%); } } #dispencer, #monet, #self, #need { opacity: 0; position: absolute; z-index: 1 !important; width: 100%; height: 100%; } .choose-inside { overflow-x: hidden; overflow-y: scroll; } .choose-gear.checkbox, .choose-gear.checkbox.checked { background-position: center calc(100% - 12px); } .choose-item.checkbox { width: calc(100% - 48px); } .social-img { fill: #FAB619; transition: fill 0.3s ease; } .social-img:hover { fill: #fff; } .pac-container { background-color: #fff; border-radius: 5px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } .pac-item-query { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; color: #000; } .three-lines-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; } .button-reactions-number { transition: transform 0.2s ease, opacity 0.2s ease; } .button-reactions-number.active { transform: scale(1.2); opacity: 1; } /* Додатковий CSS для маски телефону */ .error-message { color: red; font-size: 12px; margin-top: 5px; display: none; position: absolute; left: 0; top: 100%; } .iti-container { position: relative; } /* Стилі для калькулятора */ .range-input { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 100%; } .range-input:focus { outline: none; } .range-input::-webkit-slider-runnable-track { background-color: #000; height: 3px; } .range-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -12px; border-radius: 50%; background-color: #fff; height: 23px; width: 23px; } .range-input:focus::-webkit-slider-thumb { border: 1px solid #053a5f; outline: 3px solid #053a5f; outline-offset: 0.125rem; } .range-input::-moz-range-track { background-color: #053a5f; border-radius: 0.5rem; height: 0.5rem; } .range-input::-moz-range-thumb { border: none; border-radius: 0; background-color: #5cd5eb; height: 2rem; width: 1rem; } .image-2{ max-width: 60px; } .image-3{ max-width: 220px; padding: auto; }