/* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog.section/day_products/style.css?175023875624812*/ .vanilla-slider-wrap{ position: relative; margin: 0 -10px; padding: 56px 0 60px; } .pochemu-my{ position: relative; } .vanilla-slider-wrap ~ .vanilla-slider-wrap::before, .vanilla-slider-wrap ~ .vanilla-slider-wrap ~ .vanilla-slider-wrap ~ .vanilla-slider-wrap::before{ content: ''; display: block; width: 100vw; height: 100%; background: #fafafa; position: absolute; left: 0; top: 0; margin-left: calc(-1 * (100vw - 100%) / 2); } .vanilla-slider-wrap ~ .vanilla-slider-wrap ~ .vanilla-slider-wrap::before{ display: none; } .vanilla-slider-wrap .title-page{ padding-top: 0; margin-bottom: 31px; } .vanilla-slider{ width: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0s linear 0.3s; } .vanilla-slider, .vanilla-slider .slick-slider{ display: flex !important; } .vanilla-slider.slick-initialized{ overflow: inherit; opacity: 1; visibility: visible; } .vanilla-slider .slick-track { display: flex; height: 100%; } .vanilla-slider-item{ padding: 10px 0; } .vanilla-slider-item .add2cart-slim .click{ width: 100%; height: 41px; } .vanilla-slider-item-card .click.dsfull.green { border-color: #09BBB5; } .adapt .card.vanilla-slider-item{ margin: 0; } .vanilla-slider-item-card{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 16px; margin: 0 10px; border-radius: 10px; background: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12); } .vanilla-slider-item-pic{ position: relative; width: 100%; padding-top: 100%; background: url("/local/templates/.default/img/loader.gif") no-repeat center center; background-size: cover; border-radius: 5px; } .vanilla-slider-item-description{ display: flex; flex-direction: column; width: 100%; margin-top: 15px; text-align: center; } .vanilla-slider-item-description a{ font: 600 14px/18px 'Mont'; color: #333; text-decoration: none; } .vanilla-slider-item-footer{ padding-top: 13px; } .vanilla-description-sale{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .vanilla-slider .price{ font: 600 20px/20px 'Mont'; color: #00A8A6; } .vanilla-slider .old-price{ margin-left: 7px; font: 600 15px/20px 'Mont'; text-decoration-line: line-through; color: #868686; } .vanilla-slider .bonus{ padding: 0 0 0 20px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%23FFA658'/%3E%3Cpath d='M10.5 13.4219L7.90626 14.9844C7.79168 15.0573 7.67189 15.0885 7.54689 15.0781C7.42189 15.0677 7.31251 15.026 7.21876 14.9531C7.12501 14.8802 7.0521 14.7892 7.00001 14.68C6.94793 14.5704 6.93751 14.4479 6.96876 14.3125L7.65626 11.3594L5.35939 9.375C5.25522 9.28125 5.19022 9.17438 5.16439 9.05437C5.13814 8.93479 5.14585 8.81771 5.18751 8.70313C5.22918 8.58854 5.29168 8.49479 5.37501 8.42188C5.45835 8.34896 5.57293 8.30208 5.71876 8.28125L8.75001 8.01562L9.92189 5.23438C9.97397 5.10938 10.0548 5.01563 10.1644 4.95313C10.2736 4.89063 10.3854 4.85938 10.5 4.85938C10.6146 4.85938 10.7267 4.89063 10.8363 4.95313C10.9454 5.01563 11.0261 5.10938 11.0781 5.23438L12.25 8.01562L15.2813 8.28125C15.4271 8.30208 15.5417 8.34896 15.625 8.42188C15.7083 8.49479 15.7708 8.58854 15.8125 8.70313C15.8542 8.81771 15.8621 8.93479 15.8363 9.05437C15.81 9.17438 15.7448 9.28125 15.6406 9.375L13.3438 11.3594L14.0313 14.3125C14.0625 14.4479 14.0521 14.5704 14 14.68C13.9479 14.7892 13.875 14.8802 13.7813 14.9531C13.6875 15.026 13.5781 15.0677 13.4531 15.0781C13.3281 15.0885 13.2083 15.0573 13.0938 14.9844L10.5 13.4219Z' fill='white'/%3E%3C/svg%3E") no-repeat left center; font: 600 14px/20px 'Mont'; color: #333; } .vanilla-slider .item-button{ margin-top: 10px; padding: 0; width: 100%; display: flex; } .vanilla-slider .item-cart{ flex-grow: 1; flex-shrink: 1; height: auto; } .vanilla-slider .item-cart .click{ font-size: 13px; font-weight: 600; } .vanilla-slider .item-button .add2favorite--recommended{ position: static; width: 41px; height: 41px; margin-left: 6px; background: #FAFAFA; border: 1px solid #F0F0F0; border-radius: 5px; justify-content: center; align-items: center; display: flex; padding: 2px 7px 2px; cursor: pointer; } .vanilla-slider .item-button .add2favorite--recommended circle{ display: none; } .vanilla-slider .item-button .add2favorite--recommended:hover path{ fill: #FFA658; } .vanilla-slider .item-button .add2favorite--recommended.add2favorite--active{ border-color: #FFA658; } .vanilla-slider .item-button .add2favorite--recommended.add2favorite--active path{ fill: #FFA658; } .vanilla-slider .item-button .add2favorite--recommended.add2favorite--active circle{ display: inline; } .vanilla-slider .slick-arrow{ top: 50%; width: 38px; height: 38px; margin-top: -19px; padding: 0; box-sizing: border-box; border: 1px solid #E0E0E0; background: #fff; } .vanilla-slider .slick-next{ right: -57px; } .vanilla-slider .slick-prev{ right: auto; left: -57px; } .vanilla-slider .slick-prev::before{ display: block; width: 16px; height: 16px; margin-left: 10px; overflow: hidden; content: ''; background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.70721 0.636536C7.89468 0.824064 8 1.07837 8 1.34354C8 1.6087 7.89468 1.86301 7.70721 2.05054L2.75721 7.00054L7.70721 11.9505C7.88937 12.1391 7.99017 12.3917 7.98789 12.6539C7.98561 12.9161 7.88044 13.1669 7.69503 13.3524C7.50962 13.5378 7.25881 13.6429 6.99661 13.6452C6.73442 13.6475 6.48182 13.5467 6.29321 13.3645L0.636213 7.70754C0.448742 7.52001 0.343426 7.2657 0.343426 7.00054C0.343426 6.73537 0.448742 6.48106 0.636213 6.29354L6.29321 0.636536C6.48074 0.449065 6.73505 0.34375 7.00021 0.34375C7.26538 0.34375 7.51969 0.449065 7.70721 0.636536Z' fill='%2309BBB5'/%3E%3C/svg%3E") no-repeat center center; } .vanilla-slider .slick-next::before{ display: block; width: 16px; height: 16px; margin-left: 12px; overflow: hidden; content: ''; background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292787 13.3635C0.105316 13.1759 -3.21114e-08 12.9216 -4.37021e-08 12.6565C-5.52927e-08 12.3913 0.105315 12.137 0.292787 11.9495L5.24279 6.99946L0.292786 2.04946C0.110628 1.86086 0.00983319 1.60826 0.0121116 1.34606C0.01439 1.08387 0.119559 0.833052 0.304967 0.647644C0.490375 0.462236 0.741188 0.357068 1.00338 0.35479C1.26558 0.352511 1.51818 0.453305 1.70679 0.635464L7.36379 6.29246C7.55126 6.47999 7.65657 6.7343 7.65657 6.99946C7.65657 7.26463 7.55126 7.51894 7.36379 7.70646L1.70679 13.3635C1.51926 13.5509 1.26495 13.6562 0.999786 13.6562C0.734622 13.6562 0.480314 13.5509 0.292787 13.3635Z' fill='%2309BBB5'/%3E%3C/svg%3E") no-repeat center center; } .vanilla-slider .slick-prev:hover, .vanilla-slider .slick-prev:focus, .vanilla-slider .slick-next:hover, .vanilla-slider .slick-next:focus{ background: #fff; } .vanilla-slider-item-card .green::before{ content: ''; display: inline-block; width: 17px; height: 17px; position: relative; top: -1px; margin-right: 3px; background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1.59375C7.13408 1.59375 5.79882 1.99879 4.6631 2.75766C3.52737 3.51653 2.64218 4.59514 2.11946 5.85709C1.59674 7.11904 1.45998 8.50766 1.72645 9.84734C1.99293 11.187 2.65069 12.4176 3.61655 13.3835C4.5824 14.3493 5.81298 15.0071 7.15266 15.2735C8.49234 15.54 9.88096 15.4033 11.1429 14.8805C12.4049 14.3578 13.4835 13.4726 14.2423 12.3369C15.0012 11.2012 15.4063 9.86593 15.4063 8.5C15.4027 6.66943 14.674 4.91483 13.3796 3.62042C12.0852 2.32601 10.3306 1.59726 8.5 1.59375ZM11.7871 7.29141L7.89571 11.0102C7.7951 11.1048 7.66195 11.1571 7.52383 11.1562C7.45632 11.1572 7.38929 11.1448 7.3266 11.1197C7.26392 11.0947 7.20682 11.0574 7.1586 11.0102L5.21289 9.15078C5.15893 9.1037 5.11504 9.04619 5.08386 8.98171C5.05269 8.91723 5.03488 8.84712 5.03149 8.77558C5.02811 8.70404 5.03922 8.63255 5.06417 8.56542C5.08911 8.49829 5.12738 8.43689 5.17666 8.38492C5.22594 8.33295 5.28522 8.29149 5.35093 8.26301C5.41665 8.23454 5.48744 8.21965 5.55906 8.21923C5.63068 8.21881 5.70164 8.23288 5.76768 8.26059C5.83372 8.2883 5.89348 8.32908 5.94336 8.38047L7.52383 9.88789L11.0566 6.52109C11.1599 6.43097 11.2941 6.38427 11.431 6.39075C11.5679 6.39723 11.6971 6.45639 11.7914 6.55586C11.8857 6.65533 11.9379 6.78741 11.9371 6.92449C11.9363 7.06157 11.8826 7.19304 11.7871 7.29141Z' fill='white'/%3E%3C/svg%3E") no-repeat center center; } .vanilla-slider-item-card .click.dsfull{ border-radius: 5px; cursor: pointer; } .vanilla-slider-item-card .click.dsfull.green{ background: #09BBB5; cursor: default; } @media (min-width:561px) and (max-width:1360px){ .vanilla-slider .slick-arrow{ /*display: none !important;*/ } } @media (max-width:1360px){ .vanilla-slider .slick-next{ right: 30px; z-index: 3; } .vanilla-slider .slick-prev{ left: 30px; z-index: 3; } } @media (max-width:560px){ .vanilla-slider-item-card{ margin: 0 auto; max-width: 280px; } .vanilla-slider .slick-next{ right: 15px; } .vanilla-slider .slick-prev{ left: 15px; } } .staff-header-right{ min-height: 207px; } .day_products{ display: none; } .day_products.slick-initialized{ display: block; } .day_products .card { margin-top: 0; padding-bottom: 0; margin-left: 0 !important; } .day_products .card:hover { box-shadow: none; } .day_products .vanilla-slider-item-card{ width: calc(100% - 24px); margin: 0 0 0 24px; padding: 9px; box-shadow: none; display: flex; flex-direction: row; flex-wrap: nowrap; border: 1px solid #E0E0E0; border-radius: 20px; } .day_products .vanilla-slider-item-pic{ width: 170px; min-width: 170px; max-width: 170px; padding-top: 170px; flex-shrink: 1; flex-grow: 1; border-radius: 15px; } .day_products .vanilla-slider-item-card .vanilla-slider-item-description-day{ order: -1; flex-shrink: 0; flex-grow: 0; padding-right: 15px; padding-left: 15px; width: calc(100% - 170px); } .day-title{ font: 700 20px/26px 'Mont'; color: #00A8A6; padding-top: 7px; } .day-link{ font: 600 16px/21px 'Mont'; color: #333; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; padding: 7px 0 12px; } .day-link a{ font: 600 16px/21px 'Mont'; color: #333; text-decoration: none; text-transform: uppercase; font-feature-settings: 'pnum' on, 'lnum' on; } .day-link a:hover{ color: #00A8A6; } .day_products .vanilla-slider-item-footer{ display: flex; white-space: nowrap; } .day_products .old-price { color: #FF2B2B; font-size: 16px; line-height: 21px; text-decoration: line-through; margin-right: 7px; } .day_products .price { font-size: 20px; line-height: 26px; font-weight: 700; color: #333; } .day_products .item-cart { height: 40px; width: 40px; overflow: hidden; border: 0; border-radius: 100%; margin: 0 0 0 20px; background: none; } .day_products .click, .day_products .vanilla-slider-item-card .click.dsfull { height: 40px; width: 40px; overflow: hidden; background: #ffe5cd 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%3Cpath d='M16.8066 17.4083L15.4385 4.38038C15.4098 4.10764 15.1799 3.90055 14.9057 3.90055H12.3344V3.31429C12.3344 1.48686 10.8475 0 9.02006 0C7.19249 0 5.70563 1.48686 5.70563 3.31429V3.90055H3.13428C2.86004 3.90055 2.63015 4.10764 2.60145 4.38038L1.23338 17.4083C1.21758 17.5593 1.26661 17.7099 1.3681 17.8228C1.46972 17.9356 1.61446 18 1.76621 18H16.2736C16.4255 18 16.5703 17.9356 16.6717 17.8228C16.7735 17.7099 16.8224 17.5593 16.8066 17.4083ZM6.77707 3.31429C6.77707 2.07765 7.78328 1.07144 9.02006 1.07144C10.2567 1.07144 11.2629 2.07765 11.2629 3.31429V3.90055H6.77707V3.31429ZM2.36112 16.9285L3.61672 4.97199H5.70563V6.15261C5.70563 6.44841 5.94554 6.68832 6.24135 6.68832C6.53715 6.68832 6.77707 6.44841 6.77707 6.15261V4.97199H11.2629V6.15261C11.2629 6.44841 11.5028 6.68832 11.7986 6.68832C12.0944 6.68832 12.3344 6.44841 12.3344 6.15261V4.97199H14.4233L15.6789 16.9285H2.36112Z' fill='%23333333'/%3E%3C/svg%3E%0A") no-repeat center 10px; border: 0; border-radius: 100%; } .day_products .vanilla-slider-item-card .click.dsfull.green{ background-color: #09bbb5; background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99993 7.8L1.19993 5L0.266602 5.93334L3.99993 9.66667L11.9999 1.66667L11.0666 0.733337L3.99993 7.8Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center 12px; } .day_products .vanilla-slider-item-card .green::before{ display: none; } .day_products .vanilla-description-sale{ width: auto; } .day-shipping{ padding: 0 0 6px 37px; background: url("data:image/svg+xml,%3Csvg width='27' height='14' viewBox='0 0 27 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4217_2353)'%3E%3Cpath d='M4.54946 8.55549C4.56931 8.7502 4.57391 8.92047 4.56325 9.0661C4.54068 9.3755 4.67441 9.58302 4.96486 9.68942C5.03214 9.71385 5.13202 9.72449 5.2645 9.72154C5.38841 9.71898 5.45234 9.7176 5.45631 9.7176H17.7134C17.7337 9.7176 17.75 9.70203 17.75 9.68311V0.762461C17.75 0.666883 17.7464 0.583912 17.7393 0.513362C17.7301 0.422905 17.7038 0.344666 17.6601 0.278848C17.5699 0.14129 17.4426 0.0585211 17.2782 0.0303394C17.2506 0.0256097 17.1045 0.0232448 16.84 0.0232448C12.969 0.0228507 9.09814 0.0228507 5.22747 0.0232448C5.07953 0.0232448 4.96711 0.0401935 4.89022 0.0738924C4.77446 0.124933 4.68817 0.202582 4.63154 0.306439C4.58578 0.390197 4.563 0.530706 4.563 0.727781V1.16114C4.563 1.18321 4.5816 1.20075 4.60501 1.20075H6.92628C7.0761 1.20075 7.18831 1.21849 7.26311 1.25396C7.38535 1.31229 7.46078 1.40334 7.48941 1.52651C7.52347 1.67274 7.4938 1.79867 7.40061 1.9043C7.30616 2.01151 7.16135 2.06511 6.96661 2.06511H0.691483C0.519304 2.06511 0.400831 2.07457 0.336058 2.09368C0.200869 2.13349 0.107048 2.21213 0.0550175 2.32958C-0.0101776 2.4768 0.00131607 2.61455 0.0894947 2.74245C0.180805 2.87547 0.335011 2.94188 0.552113 2.94188H4.51532C4.54123 2.94188 4.56213 2.96139 4.56213 2.98544L4.55314 3.96332C4.55314 3.98027 4.56693 3.99386 4.58449 3.99386H9.21067C9.36007 3.99386 9.48378 4.02539 9.58198 4.08865C9.68395 4.15448 9.74622 4.24986 9.76899 4.3748C9.79741 4.53305 9.73849 4.66824 9.59264 4.78018C9.51198 4.84207 9.40228 4.87281 9.26375 4.87281C6.75359 4.87143 4.24365 4.87084 1.7337 4.87084C1.57218 4.87084 1.45245 4.89074 1.37409 4.93035C1.24308 4.99637 1.16953 5.09983 1.15365 5.24054C1.13735 5.38322 1.17621 5.50304 1.27003 5.6002C1.34149 5.6739 1.43344 5.71804 1.54564 5.73243C1.55839 5.73421 1.65785 5.73499 1.84423 5.73499H4.49604C4.53323 5.73499 4.5629 5.76298 4.5629 5.79806V6.7661C4.5629 6.78463 4.57878 6.7996 4.59842 6.7996H6.92238C7.08599 6.7996 7.20801 6.82148 7.28846 6.86523C7.42136 6.93697 7.49219 7.04594 7.50097 7.19198C7.50975 7.32993 7.46775 7.44226 7.37518 7.52917C7.2799 7.61903 7.14825 7.66397 6.98005 7.66397H3.34138C3.13243 7.66397 2.98658 7.73787 2.90362 7.88587C2.8353 8.00766 2.82547 8.13122 2.87395 8.25616C2.91072 8.35076 2.97696 8.42367 3.07266 8.47511C3.13827 8.51019 3.23251 8.5297 3.35579 8.53364C3.74382 8.54645 4.13228 8.54586 4.52068 8.53206C4.5351 8.53108 4.54743 8.54152 4.5491 8.55552L4.54946 8.55549Z' fill='%23BABABA'/%3E%3Cpath d='M26.2647 10.2279C26.2615 9.46507 26.2603 8.70201 26.2609 7.93895C26.2613 7.33238 26.259 6.9985 26.254 6.9374C26.23 6.63076 26.1688 6.33099 26.0708 6.03817C26.0008 5.82908 25.866 5.55397 25.6671 5.21306C25.2485 4.4959 24.8269 3.78052 24.4022 3.06674C24.1789 2.69093 23.8667 2.43828 23.4657 2.30883C23.3245 2.2633 23.1312 2.23946 22.8863 2.23709C21.6963 2.22507 20.5063 2.22192 19.3161 2.22763C18.8807 2.2296 18.5806 2.38647 18.4162 2.69804C18.3596 2.80485 18.3291 2.94694 18.3249 3.12391C18.3217 3.26324 18.3201 3.44041 18.3201 3.65541V10.2225C18.3201 10.2426 18.3025 10.2592 18.2808 10.2592L11.5285 10.2562C11.4945 10.2562 11.489 10.2681 11.512 10.2919C11.9303 10.7284 12.1635 11.2455 12.2116 11.8429C12.2137 11.8665 12.2344 11.8844 12.2594 11.8844L19.5199 11.8842C19.5577 11.8842 19.5895 11.8567 19.5926 11.8212C19.6467 11.2256 19.8818 10.716 20.2976 10.2921C20.572 10.0122 20.8898 9.80433 21.2506 9.66836C21.5764 9.54578 21.9224 9.48824 22.2885 9.49553C22.7231 9.50381 23.128 9.60727 23.5033 9.80572C23.8213 9.97362 24.0878 10.1904 24.3028 10.4561C24.6141 10.8408 24.8013 11.3055 24.8642 11.8498C24.8663 11.8693 24.8838 11.8843 24.9052 11.8843H26.0456C26.3452 11.8843 26.5471 11.8608 26.6511 11.8141C26.8687 11.7162 26.9744 11.5226 26.9683 11.2329C26.9662 11.1371 26.9673 11.041 26.9715 10.9448C26.9913 10.488 26.7644 10.2572 26.2909 10.2529C26.276 10.2527 26.2643 10.2416 26.2643 10.228L26.2647 10.2279ZM23.6883 3.5271C24.2061 4.40686 24.7247 5.28026 25.2441 6.1472C25.2575 6.16966 25.2404 6.19784 25.2134 6.19784H19.2111C19.1957 6.19784 19.1835 6.18641 19.1835 6.17183V3.08865C19.1835 3.06264 19.2059 3.04155 19.2331 3.04155L23.3636 3.04451C23.3801 3.04451 23.3956 3.05259 23.4046 3.0656C23.4725 3.16728 23.5672 3.3212 23.6884 3.52714L23.6883 3.5271Z' fill='%23BABABA'/%3E%3Cpath d='M20.0952 11.9924C20.0952 13.1025 21.0493 14.0023 22.2263 14.0023C23.4033 14.0023 24.3574 13.1025 24.3574 11.9924C24.3574 10.8823 23.4033 9.98242 22.2263 9.98242C21.0493 9.98242 20.0952 10.8823 20.0952 11.9924ZM21.131 11.993C21.131 11.4228 21.6214 10.9603 22.2259 10.9603C22.8304 10.9603 23.3208 11.4228 23.3208 11.993C23.3208 12.5631 22.8304 13.0256 22.2259 13.0256C21.6214 13.0254 21.131 12.5631 21.131 11.993Z' fill='%23BABABA'/%3E%3Cpath d='M7.44285 11.9929C7.44285 13.103 8.39693 14.0028 9.57396 14.0028C10.751 14.0028 11.7051 13.103 11.7051 11.9929C11.7051 10.8827 10.751 9.98291 9.57396 9.98291C8.39693 9.98271 7.44285 10.8825 7.44285 11.9929ZM8.47925 11.9923C8.47925 11.4216 8.96967 10.9592 9.57461 10.9592C10.1797 10.9592 10.67 11.4217 10.67 11.9923C10.67 12.563 10.1795 13.0253 9.57461 13.0253C8.96967 13.0253 8.47925 12.563 8.47925 11.9923Z' fill='%23BABABA'/%3E%3Cpath d='M6.89918 11.8746C6.92049 11.874 6.93804 11.8581 6.93951 11.838C6.9859 11.2424 7.22201 10.7241 7.64763 10.2829C7.66498 10.2649 7.66101 10.2559 7.63551 10.2559C6.82666 10.2559 6.02824 10.2555 5.24031 10.2549C4.77184 10.2545 4.54385 10.4762 4.55663 10.9198C4.55935 11.0227 4.56144 11.1256 4.56248 11.2284C4.56353 11.3664 4.5769 11.4679 4.60281 11.5331C4.6563 11.6687 4.7518 11.7649 4.88908 11.8216C4.96765 11.8543 5.09803 11.8729 5.28003 11.8772C5.82078 11.8902 6.36051 11.8894 6.89922 11.8746L6.89918 11.8746Z' fill='%23BABABA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4217_2353'%3E%3Crect width='27' height='14' fill='white' transform='matrix(-1 0 0 1 27 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat left 2px; font: 600 14px/18px 'Mont'; color: #999; } .day_products-wrap{ position: relative; } .day_products-wrap::before{ content: ''; display: block; width: 70px; height: 70px; position: absolute; right: -15px; top: -35px; z-index: 5; background: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4288_2064)'%3E%3Ccircle cx='35' cy='35' r='25' fill='white'/%3E%3C/g%3E%3Cpath d='M46.0557 32.002C46.0594 32.0681 46.0545 32.1353 46.0379 32.202L44.5576 38.1235C44.4829 38.4218 44.2156 38.6316 43.9082 38.6332L35.0259 38.6781H35.0225H26.1402C25.8312 38.6781 25.5619 38.4676 25.4873 38.1677L24.0069 32.2238C23.9899 32.1553 23.9849 32.0862 23.9892 32.0185C23.4166 31.838 23 31.3021 23 30.6706C23 29.8914 23.6339 29.2575 24.4131 29.2575C25.1923 29.2575 25.8262 29.8914 25.8262 30.6706C25.8262 31.1094 25.6251 31.502 25.3103 31.7614L27.1637 33.6288C27.6321 34.1008 28.2822 34.3714 28.9472 34.3714C29.7335 34.3714 30.4832 33.998 30.9553 33.3724L34.0012 29.3365C33.7454 29.0808 33.5869 28.7274 33.5869 28.3379C33.5869 27.5587 34.2208 26.9248 35 26.9248C35.7792 26.9248 36.4131 27.5587 36.4131 28.3379C36.4131 28.7158 36.2631 29.0588 36.0206 29.3126L36.0232 29.3157L39.0471 33.3628C39.519 33.9944 40.2714 34.3715 41.0599 34.3715C41.731 34.3715 42.3621 34.1102 42.8366 33.6356L44.7017 31.7705C44.3803 31.5112 44.1738 31.1148 44.1738 30.6706C44.1738 29.8914 44.8077 29.2575 45.5869 29.2575C46.3661 29.2575 47 29.8914 47 30.6706C47 31.2853 46.6048 31.8081 46.0557 32.002ZM44.4131 40.7865C44.4131 40.4149 44.1118 40.1136 43.7402 40.1136H26.3346C25.963 40.1136 25.6617 40.4149 25.6617 40.7865V42.4014C25.6617 42.7731 25.963 43.0743 26.3346 43.0743H43.7402C44.1118 43.0743 44.4131 42.7731 44.4131 42.4014V40.7865Z' fill='%23FFA658'/%3E%3Cpath d='M46.0557 32.002C46.0594 32.0681 46.0545 32.1353 46.0379 32.202L44.5576 38.1235C44.4829 38.4218 44.2156 38.6316 43.9082 38.6332L35.0259 38.6781H35.0225H26.1402C25.8312 38.6781 25.5619 38.4676 25.4873 38.1677L24.0069 32.2238C23.9899 32.1553 23.9849 32.0862 23.9892 32.0185C23.4166 31.838 23 31.3021 23 30.6706C23 29.8914 23.6339 29.2575 24.4131 29.2575C25.1923 29.2575 25.8262 29.8914 25.8262 30.6706C25.8262 31.1094 25.6251 31.502 25.3103 31.7614L27.1637 33.6288C27.6321 34.1008 28.2822 34.3714 28.9472 34.3714C29.7335 34.3714 30.4832 33.998 30.9553 33.3724L34.0012 29.3365C33.7454 29.0808 33.5869 28.7274 33.5869 28.3379C33.5869 27.5587 34.2208 26.9248 35 26.9248C35.7792 26.9248 36.4131 27.5587 36.4131 28.3379C36.4131 28.7158 36.2631 29.0588 36.0206 29.3126L36.0232 29.3157L39.0471 33.3628C39.519 33.9944 40.2714 34.3715 41.0599 34.3715C41.731 34.3715 42.3621 34.1102 42.8366 33.6356L44.7017 31.7705C44.3803 31.5112 44.1738 31.1148 44.1738 30.6706C44.1738 29.8914 44.8077 29.2575 45.5869 29.2575C46.3661 29.2575 47 29.8914 47 30.6706C47 31.2853 46.6048 31.8081 46.0557 32.002ZM44.4131 40.7865C44.4131 40.4149 44.1118 40.1136 43.7402 40.1136H26.3346C25.963 40.1136 25.6617 40.4149 25.6617 40.7865V42.4014C25.6617 42.7731 25.963 43.0743 26.3346 43.0743H43.7402C44.1118 43.0743 44.4131 42.7731 44.4131 42.4014V40.7865Z' fill='%23FFA658'/%3E%3Cpath d='M46.0557 32.002C46.0594 32.0681 46.0545 32.1353 46.0379 32.202L44.5576 38.1235C44.4829 38.4218 44.2156 38.6316 43.9082 38.6332L35.0259 38.6781H35.0225H26.1402C25.8312 38.6781 25.5619 38.4676 25.4873 38.1677L24.0069 32.2238C23.9899 32.1553 23.9849 32.0862 23.9892 32.0185C23.4166 31.838 23 31.3021 23 30.6706C23 29.8914 23.6339 29.2575 24.4131 29.2575C25.1923 29.2575 25.8262 29.8914 25.8262 30.6706C25.8262 31.1094 25.6251 31.502 25.3103 31.7614L27.1637 33.6288C27.6321 34.1008 28.2822 34.3714 28.9472 34.3714C29.7335 34.3714 30.4832 33.998 30.9553 33.3724L34.0012 29.3365C33.7454 29.0808 33.5869 28.7274 33.5869 28.3379C33.5869 27.5587 34.2208 26.9248 35 26.9248C35.7792 26.9248 36.4131 27.5587 36.4131 28.3379C36.4131 28.7158 36.2631 29.0588 36.0206 29.3126L36.0232 29.3157L39.0471 33.3628C39.519 33.9944 40.2714 34.3715 41.0599 34.3715C41.731 34.3715 42.3621 34.1102 42.8366 33.6356L44.7017 31.7705C44.3803 31.5112 44.1738 31.1148 44.1738 30.6706C44.1738 29.8914 44.8077 29.2575 45.5869 29.2575C46.3661 29.2575 47 29.8914 47 30.6706C47 31.2853 46.6048 31.8081 46.0557 32.002ZM44.4131 40.7865C44.4131 40.4149 44.1118 40.1136 43.7402 40.1136H26.3346C25.963 40.1136 25.6617 40.4149 25.6617 40.7865V42.4014C25.6617 42.7731 25.963 43.0743 26.3346 43.0743H43.7402C44.1118 43.0743 44.4131 42.7731 44.4131 42.4014V40.7865Z' fill='%23FFA658'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_4288_2064' x='0' y='0' width='70' height='70' 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' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4288_2064'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4288_2064' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center; } .day_slider_arrows{ position: absolute; top: 0; left: 0; right: 0; } .day_slider_arrows .slick-arrow{ padding: 0; border: 0; width: 50px; height: 50px; position: absolute; top: 70px; } .day_slider_arrows .go-left{ left: 0px; } .day_slider_arrows .go-right{ right: -25px; } .day_slider_arrows .slick-arrow path{ fill: #ccc; } .day_slider_arrows .slick-arrow:hover path{ fill: #333; } @media (max-width: 1240px){ .day_slider_arrows .go-left{ display: none !important; left: 35px; } .day_slider_arrows .go-right{ display: none !important; right: 10px; } } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/style.css?170739614831998*/ #modef{display:none !important} .bx_filter { width: 100%; } .bx_filter .bx_filter_section{ position:relative; padding:20px 0 0; border-radius:2px; text-shadow:0 1px 0 #fff; } .bx_filter .bx_filter_title{ display:none; font-size:21px; font-weight:bold; margin-bottom:10px; padding:0 10px; color:#000; text-shadow:0 1px 0 #fff; } .bx_filter .bx_filter_button_box, .bx_filter .bx_filter_parameters_box{ margin-bottom:20px; padding:0 15px; } .bx_filter .bx_filter_button_box{clear: both;/*margin-left:30px*/} .bx_filter.bx_horizontal .bx_filter_parameters_box{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:25%; padding:0 15px; } .bx_filter .bx_filter_parameters_box_title{ font-size:16px; display:inline-block; margin-bottom:10px; cursor:pointer; color:#333; font-weight:700; position: relative; } .bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjCAthiJrCkLWEYdUKBgYGACBrA/l9XbhoAAAAAElFTkSuQmCC"); } .bx_filter .bx_filter_block{ display:none; padding:0; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block{ display:block; } .bx_filter .bx_filter_parameters_box.active .bx_filter_block i{ font-size: 15px; font-style: normal; color: #596b70; display: block; padding-bottom: 3px; } .bx_filter .bx_filter_parameters_box_container{display: flex;align-items: center;} .bx_filter .bx_filter_parameters_box_container_column, .bx_filter .bx_filter_parameters_box_container.bx_filter_parameters_box_container_column{align-items:flex-start;flex-direction:column;width:100%;padding:1px 0 4px} .bx_filter_button_box .bx_filter_parameters_box_container{display: flex;align-items: center;flex-direction:row;margin-top:30px} .bx_filter .bx_filter_parameters_box_container_block{ font-size:11px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; color:#3f3f3f; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ text-align: right; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-width: 80px; width: 100%; padding: 12px 15px 10px 15px; border: 2px solid #E0E0E0; background:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container:focus-within{ border-color: #FFA658; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ padding-left: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input{ display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; font-size: 12px; margin: 0; border:none; border-radius:2px; background:#fff; } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container{ max-width:100%; position:relative; } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container input.calendar{ padding:0 23px 0 4px; font-size:15px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container img.calendar-icon{ display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; font-size:18px; top:7px; right:3px; } /*Track*/ .bx_filter .bx_ui_slider_track{ display:none; position:relative; height:7px; margin:25px 10px; border:1px solid #8da3ad; background:#a1c0c8; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df)); background:-webkit-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -moz-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -ms-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -o-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: linear-gradient(top bottom, #a1c0c8 0%,#b3d5df 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.35); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 ); } .bx_filter .bx_ui_slider_part{ position:absolute; top:-6px; width:1px; height:17px; background:#a2bfc7; } .bx_filter .bx_ui_slider_part.p1{left:-1px;} .bx_filter .bx_ui_slider_part.p2{left:25%;} .bx_filter .bx_ui_slider_part.p3{left:50%;} .bx_filter .bx_ui_slider_part.p4{left:75%;} .bx_filter .bx_ui_slider_part.p5{right:-1px;} .bx_filter .bx_ui_slider_part span{ font-size:11px; font-weight: bold; position:absolute; top:-16px; left:50%; display:block; width:100px; margin-left:-50px; text-align:center; color:#000; } .bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span{color:#6b8086;} .bx_filter .bx_ui_slider_pricebar { position:absolute; top:-1px; bottom:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_V { position:absolute; top:0; bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bx_filter .bx_ui_slider_range{ z-index:50; } .bx_filter .bx_ui_slider_pricebar{ z-index:100; } .bx_filter .bx_ui_slider_pricebar_VD{ z-index:1; border-top: 1px solid #74868e; border-bottom:1px solid #74868e; background:#849da4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7)); background:-webkit-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -moz-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -ms-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -o-linear-gradient(top, #849da4 0%,#93afb7 100%); background: linear-gradient(top bottom, #849da4 0%,#93afb7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_VN{ z-index:2; border:1px solid #8da3ad; background:#a8dff3; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eccea), color-stop(100%,#73d6f6)); background:-webkit-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -moz-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -ms-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -o-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: linear-gradient(top bottom, #6eccea 0%,#73d6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_V{ z-index:3; top:0; bottom:0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x; } .bx_filter .bx_ui_slider_handle{ position:absolute; top:100%; width:22px; height:22px; } .bx_filter .bx_ui_slider_handle:hover{ -webkit-cursor:grab; -ms-cursor:grab; -o-cursor:grab; cursor:grab; } .bx_filter .bx_ui_slider_handle:active{ -webkit-cursor:grabbing; -ms-cursor:grabbing; -o-cursor:grabbing; cursor:grabbing; } .bx_filter .bx_ui_slider_handle.left{ left:0; margin-left:-21px; background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/handle_left.png) no-repeat right top; } .bx_filter .bx_ui_slider_handle.right{ right:0; margin-right:-21px; background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/handle_right.png) no-repeat left top; } /* * Select * */ .bx_filter .bx_filter_select_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*height:35px;*/ border: 1px solid #e0e0e0; width:100%; /*padding:1px; border-radius:3px; background:#8ca3ae; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background:-webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.75);*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_select_block{ position:relative; display:flex; justify-content: space-between; align-items: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; /*height:33px;*/ margin:0; padding:15px 15px 14px 15px; border:none; border-radius:2px; background:#fff; /*box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75);*/ } .bx_filter .bx_filter_select_text{ font-size:14px; /*line-height:33px; height:33px;*/ overflow:hidden; max-width:100%; display: inline-block; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; } .bx_filter .bx_filter_select_text.fix{ min-width:120px; } .bx_filter .bx_filter_select_text label{ cursor:pointer; } .bx_filter .bx_filter_select_arrow{ /*position:absolute; top:8px; right:0; width:34px; height:14px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center;*/ cursor:pointer; display: inline-block; padding-left: 11px; } /* * Select popup * */ .bx_filter_select_popup{padding:0;} .bx_filter_select_popup ul{ margin:0; padding:0; list-style:none; } .bx_filter_select_popup ul li{ display:block; text-align: left; vertical-align:middle; } .bx_filter_select_popup ul li:first-child{ border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx_filter_select_popup ul li label{ font-size:14px; line-height:26px; display:block; text-align: left !important; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:26px; padding:0 5px; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; color:#575757; } .bx_filter_select_popup ul li label.selected, .bx_filter_select_popup ul li label:hover{ color:#000; background:#f3f8fa; } .bx_filter_select_popup ul li label.disabled{ color:#b8b8b8; background:transparent; } .bx_filter_select_popup ul li .bx_filter_param_text{ line-height: 26px !important; } /* * TAGS * */ .bx_filter.bx_horizontal .bx_filter_parameters_box.tags{ width: 100%; clear: both } .bx_filter .bx_filter_tag{ padding:18px; border:1px solid #aed5e0; border-radius:5px; background:rgba(151,214,233,.33); } .bx_filter .bx_tag_link{ font-size:12px; text-decoration:none; color:#68939e; border-bottom:1px solid; text-shadow:none; } .bx_filter .bx_tag_link.active, .bx_filter .bx_tag_link:hover{ color:#1d3d46; border-bottom:none; } /* * LABEL * */ .bx_filter .bx_filter_param_label{ font-size: 13px; position: relative; display: block; text-align: left; margin-bottom: 5px; margin-right: 5px; } .bx_filter .bx_filter_parameters_box_container_column .bx_filter_param_label{ width: 100%; margin: 0; padding: 14px 0 1px; } .bx_filter .bx_filter_param_label.dib{display: inline-block;} .bx_filter .bx_filter_param_text{ line-height:34px; position:relative; display:inline-block; margin:0 5px; vertical-align:middle; text-align:center; cursor:pointer; } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_text{ color:#6c6c6c; /*text-decoration: line-through;*/ } .bx_filter_select_popup .bx_filter_param_label.active{ background: #f3f8fa; } /* * Checkbox / Radio * */ .bx_filter .bx_filter_input_checkbox{ position: relative; display: block; width: 100%; clear: both; min-height: 20px; } .bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox]{ position: relative; top: -3px; float:left; } .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{ display: block; line-height: 15px; margin-left: 30px; text-align: left; } /* * BTN * */ .bx_filter .bx_filter_param_btn{ display:inline-block; width:34px; height:34px; text-align:center; text-decoration:none; color:#000; vertical-align: middle; border:1px solid #9dbcc3; border-radius:3px; background:#fbfdfd; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfd), color-stop(100%,#cfe1e7)); background:-webkit-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -moz-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -ms-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -o-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: linear-gradient(top bottom, #fbfdfd 0%,#cfe1e7 100%); background-clip:padding-box; box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 0 0 1px rgba(255,255,255,.22); text-shadow:0 1px 0 #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#cfe1e7',GradientType=0 ); -webkit-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition:border .3s ease, box-shadow .1s ease, color .3s ease; transition:border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx_filter .bx_filter_param_btn:hover{border-color:#b4d5de} .bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn{ border-color:#b4d5de; background:#fcfefe; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#cfe2e7)); background:-webkit-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -moz-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -ms-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -o-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: linear-gradient(top bottom, #fcfefe 0%,#cfe2e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#feffff',GradientType=0 ); box-shadow:0 0 0 3px #2995d7,inset 0 2px 3px rgba(0,0,0,.12); } /* --- colors */ .bx_filter .bx_filter_param_btn.bx_color_sl{ /*width:24px;*/ /*padding:0 1px;*/ } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{ background: transparent; box-shadow: none } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{position: relative;} .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before{ position: absolute; bottom:0; right: 0; top: 0; left: 0; content: ' '; /*width: 19px;*/ /*height:19px;*/ display: block; z-index:100; background: url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/missing_v2.png) no-repeat center; opacity: .7; } /* * BTN P/M * */ .bx_filter .bx_filter_param_btn.bx_spm{ width:23px; min-width:23px; height:23px; padding:0; vertical-align: middle; } .bx_filter .bx_filter_param_btn.bx_spm.bx_minus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 10px,center; } .bx_filter .bx_filter_param_btn.bx_spm.bx_plus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 6px,center; } .bx_filter .bx_filter_param_btn.bx_spm:active{ outline:none !important; box-shadow:inset 0 2px 3px rgba(0,0,0,.12); } .bx_filter span.bx_spm{ font-size:18px; font-weight:bold; line-height:23px; display:inline-block; height:23px; margin:0 10px; vertical-align:middle; color:#000; } /* * icon * */ .bx_filter_select_popup .bx_filter_select_text_icon, .bx_filter .bx_filter_select_text_icon{ line-height:33px; position:relative; display:inline-block; width:24px; height:24px; margin-top:-2px; margin-right:2px; vertical-align:middle; border-radius:2px; } .bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon{ line-height:24px; position:relative; top:5px; border-radius: 2px; display:inline-block; width:24px; height:24px; vertical-align:middle; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -webkit-background-size:cover; background-size:cover; } .bx_filter_select_popup .bx_filter_btn_color_icon{ width:20px; height:20px; margin:2px 0; top: 0 !important; } .bx_filter .bx_filter_select_block .bx_filter_btn_color_icon{ top:-1px !important; } .bx_filter_btn_color_icon.all { position: relative; border: none; box-shadow: none } .bx_filter_btn_color_icon.all:after, .bx_filter_btn_color_icon.all:before{ position: absolute; width: 60%; height:60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .bx_filter_btn_color_icon.all:after{ right: 0; bottom: 0; } .bx_filter_btn_color_icon.all:before{ top:0; left: 0; } .bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon{ opacity: .2; } /* * BIZ * */ .bx_filter .bx_filter_parameter_biz{ font-size:15px; display:inline-block; margin-right:10px; text-decoration:none; color:#215968; border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz:hover{ text-decoration:none; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active{ position:relative; padding-left:20px; color:#d54a4a; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active:hover{ border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz.active:before{ position:absolute; top:4px; left:1px; display:block; width:13px; height:13px; content:' '; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left; } /* * BTN result and reset * */ .bx_filter .bx_filter_search_button{ cursor: pointer; outline: none; display:inline-block; font-weight: 700; font-size: 16px; line-height: 100%; text-align: center; color: #FFFFFF; margin-bottom:16px; padding:14px 15px 15px; text-decoration:none; border: none; background: #09BBB5; border: 1px solid #09BBB5; border-radius: 5px; width:110px; /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfefe), color-stop(100%,#c6e8f2)); background:-webkit-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -moz-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -ms-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -o-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: linear-gradient(top bottom, #fcfefe 0%,#e4f1f5 100%); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); text-shadow:0 1px 0 0 rgba(255,255,255,.75);*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#c6e8f2',GradientType=0 ); } .bx_filter .bx_filter_search_button:hover{ background:#f0f9fb; color:#09BBB5; } .bx_filter .bx_filter_search_button:active{ position:relative; bottom:-1px; background:#e4f1f5; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f5), color-stop(100%,#f9fafa)); background:-webkit-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -moz-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -ms-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -o-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: linear-gradient(top bottom, #e4f1f5 0%,#f9fafa 100%); box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.08) ; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f5', endColorstr='#f9fafa',GradientType=0 ); } .bx_filter .bx_filter_search_reset{ cursor: pointer; outline: none; display:inline-block; margin-bottom:10px; padding:15px; /*text-decoration:underline; text-shadow:0 1px 0 0 rgba(255,255,255,.75);*/ font-weight: 700; font-size: 16px; line-height: 100%; text-align: center; color: #09BBB5; border: 1px solid #09BBB5; border-radius: 5px; background:transparent; width:110px; } .bx_filter .bx_filter_search_reset:hover{ color:#555; } .bx_filter .bx_filter_search_reset:active{ position:relative; bottom:-1px; /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/ } /* * Result Popup * */ .bx_filter .bx_filter_popup_result{ font-size:13px; font-weight:normal; line-height:33px; position:absolute; z-index:930; display:none; height:33px; margin-top:-7px; margin-left:10px; padding:0 10px; white-space:nowrap; color:#3f3f3f; border-top:1px solid #c0d6dc; border-right:1px solid #c0d7dd; border-bottom:1px solid #c0d6dc; border-left:1px solid #c0d7dd; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/arr_left.png) no-repeat center; } .bx_filter.bx_horizontal .bx_filter_popup_result{ position: static !important; display: inline-block } .bx_filter.bx_horizontal .bx_filter_popup_result .arrow{ display: none; } .bx_filter .bx_filter_popup_result.right{left:102%;} .bx_filter .bx_filter_popup_result.left{right:102%;} .bx_filter .bx_filter_popup_result.right .arrow{left: -8px;background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/arr_left.png) no-repeat center;} .bx_filter .bx_filter_popup_result.left .arrow{right:-8px;background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/arr_right.png) no-repeat center;} .bx_filter .bx_filter_popup_result a{color:#0073a3;} .bx_filter .bx_filter_popup_result a:hover{text-decoration:none;} .bx_filter .bx_filter_popup_result_close{display:none;} .filter-spacer {font-size: 12px;width:22px;text-align: center;} @media (max-width:530px){ .bx-touch .bx_filter .bx_filter_popup_result{ font-size:12px; line-height:14px; position:fixed !important; z-index:1001; top:auto !important; right:0 !important; bottom:0 !important; left:0 !important; margin-top: 0; margin-left:0; width:auto; height:auto; padding:10px; border-radius:0; box-shadow:0 -2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ display: none; } .bx-touch .bx_filter .bx_filter_popup_result_close{ position:absolute; top:50%; right:10px; display:block; width:22px; height:22px; margin-top:-11px; background:url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/images/x.png) no-repeat center; background-size:16px; } } @media (max-width:860px){ .bx_filter.bx_horizontal .bx_filter_parameters_box{width:50%/*33.333%*/;} .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} /*.bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:both;}*/ } @media (max-width:640px){ .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{width:50%;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:both;} } @media (max-width:450px){ .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{float:none;width:100%;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:none;} .bx_filter .bx_filter_select_container{width:100%} .bx_filter_button_box .bx_filter_parameters_box_container {align-items: center;flex-direction: row;justify-content: center;} .bx_filter .bx_filter_button_box{clear: both;margin-left:0} /* .bx_filter {background:#f8f8f8} */ } input.min-price::-webkit-input-placeholder, input.max-price::-webkit-input-placeholder {color:#000} input.min-price:-moz-placeholder, input.max-price:-moz-placeholder {color:#000;opacity:1} input.min-price::-moz-placeholder, input.max-price::-moz-placeholder {color:#000;opacity:1} input.min-price:-ms-input-placeholder, input.max-price:-ms-input-placeholder {color:#000} input.min-price::-ms-input-placeholder, input.max-price::-ms-input-placeholder {color:#000} input.min-price::placeholder, input.max-price::placeholder {color:#000} /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/themes/wood/colors.css?1663596456340*/ .bx_filter_vertical.bx_wood .bx_filter_section{ background: #ffffff; } .bx_filter_vertical.bx_wood .bx_filter_control_section{text-align: center} .bx_filter_vertical.bx_wood .bx_filter_search_button{ height: 33px; line-height:33px; } .bx_filter_vertical.bx_wood span.icon_lupe{ background: url(/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/themes/wood/images/searchicon.png) no-repeat center; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.section.list/tags_rozes/style.css?16850178671623*/ :root { --scrollbarBgColor2: rgba(0, 0, 0, .05); --scrollbarThumbColor2: rgba(56, 56, 56, 0.8); --scrollbarThumbColorSecond2: rgba(255, 255, 255, .7); --scrollbarWidth2: 6px; --scrollbarHeight2: 6px; --scrollbarBorder2: 0 solid var(--scrollbarBgColor2); --scrollbarBorderRadius2: calc(var(--scrollbarWidth2) / 4); } .scrollable2 { scrollbar-width: var(--scrollbarWidth2); scrollbar-color: var(--scrollbarThumbColor2) var(--scrollbarBgColor2); } .scrollable2::-webkit-scrollbar { width: var(--scrollbarWidth2); height: var(--scrollbarHeight2); } .scrollable2::-webkit-scrollbar-track { background: var(--scrollbarBgColor2); border-radius: var(--scrollbarBorderRadius2); } .scrollable2::-webkit-scrollbar-thumb { background-color: var(--scrollbarThumbColor2); border-radius: var(--scrollbarBorderRadius2); border: var(--scrollbarBorder2); } .section-tags{ width: 100%; overflow-x: scroll; height: 61px; margin-top: 40px; } @media (min-width:1221px){ .section-tags{ width: 100%; margin: 32px 0 0; } } .section-tags .list{ display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; } .section-tags .list .item{ display: flex; white-space: nowrap; height: 30px; align-items: center; font: 600 13px/13px 'Mont'; color: #333; padding: 0 10px; background: #F8F8F8; border: 1px solid #E0E0E0; border-radius: 6px; text-decoration: none; margin-left: 9px; } .section-tags .list .item:first-child{ margin-left: 0; } .section-tags .list .item:hover{ color: #00A8A6; border-color: #00A8A6; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.section.list/tags_vanilla/style.css?16850178671623*/ :root { --scrollbarBgColor2: rgba(0, 0, 0, .05); --scrollbarThumbColor2: rgba(56, 56, 56, 0.8); --scrollbarThumbColorSecond2: rgba(255, 255, 255, .7); --scrollbarWidth2: 6px; --scrollbarHeight2: 6px; --scrollbarBorder2: 0 solid var(--scrollbarBgColor2); --scrollbarBorderRadius2: calc(var(--scrollbarWidth2) / 4); } .scrollable2 { scrollbar-width: var(--scrollbarWidth2); scrollbar-color: var(--scrollbarThumbColor2) var(--scrollbarBgColor2); } .scrollable2::-webkit-scrollbar { width: var(--scrollbarWidth2); height: var(--scrollbarHeight2); } .scrollable2::-webkit-scrollbar-track { background: var(--scrollbarBgColor2); border-radius: var(--scrollbarBorderRadius2); } .scrollable2::-webkit-scrollbar-thumb { background-color: var(--scrollbarThumbColor2); border-radius: var(--scrollbarBorderRadius2); border: var(--scrollbarBorder2); } .section-tags{ width: 100%; overflow-x: scroll; height: 61px; margin-top: 40px; } @media (min-width:1221px){ .section-tags{ width: 100%; margin: 32px 0 0; } } .section-tags .list{ display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; } .section-tags .list .item{ display: flex; white-space: nowrap; height: 30px; align-items: center; font: 600 13px/13px 'Mont'; color: #333; padding: 0 10px; background: #F8F8F8; border: 1px solid #E0E0E0; border-radius: 6px; text-decoration: none; margin-left: 9px; } .section-tags .list .item:first-child{ margin-left: 0; } .section-tags .list .item:hover{ color: #00A8A6; border-color: #00A8A6; } /* End */ /* Start:/local/templates/.default/components/bitrix/system.pagenavigation/load_more/style.css?1726662754393*/ .btn_load_more { margin-top: 20px; font-size: 14px; text-transform: none; font-weight: 700; border: 1px solid #09BBB5; border-radius: 8px; background: #09BBB5; color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; cursor: pointer; } .btn_load_more:hover { box-shadow: 0px 24px 24px -16px #0F0F0F33; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog.section/.default1/style.css?17390254999095*/ .card { position: relative; } .loader { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,.7); display: none; } .loader img { position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); } .modal.add2cartModal { display: none; } .modal.add2cartModal { position: fixed; /* фиксированное положение */ top: 0; right: 0; bottom: 0; left: 0; background: rgba(248,248,248,0.9); /* цвет фона */ z-index: 1050; opacity: 1; /* по умолчанию модальное окно прозрачно */ -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; /* анимация перехода */ margin: 0; padding: 0; } /* при отображении модального окно */ .modal.add2cartModal:target { opacity: 1; /* делаем окно видимым */ pointer-events: auto; /* элемент видим для событий мыши */ overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */ } .add2cartModal .modal-dialog { position: relative; width: 100%; max-width:600px; padding: 10px; box-sizing:border-box; margin:0 auto; } .add2cartModal .modal-content { width:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: 0; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .add2cartModal .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 70px 15px 17px; position:relative; text-align:center; } .add2cartModal .modal-title { margin-top: 0; margin-bottom: 0; font:normal 30px/39px 'Playfair Display'; color: #333; font-weight: 600; text-align: center; text-transform: uppercase; display:block; width:100%; } .add2cartModal .close { display:block; position:absolute; right:25px; top:25px; width:14px; height:14px; overflow:hidden; font:normal 22px/14px Tahoma; color:#09BBB5; text-decoration: none; } .add2cartModal .close:focus, .add2cartModal .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } .add2cartModal .modal-body { position: relative; display:flex; flex-direction:row; justify-content: center; padding: 15px 15px 63px; overflow: auto; } .add2cartModal .modal-body .button{ background: #FFA658; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:22px 32px; outline: 0; font-family: 'Mont'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 100%; text-align: center; color: #fff; width: auto; height: auto; white-space: nowrap; transition: all 1s ease; margin-left:10px; margin-right:10px; } .add2cartModal .modal-body .button:hover{ background: #FF8F2D; } .add2cartModal .modal-body .button.buttowhite{ background: transparent; padding:5px; font-weight: 600; color: #00A8A6; } .add2cartModal .modal-body .button.buttowhite:hover{ background: transparent; } .add2cartModal .modal-body .button.buttowhite svg{ margin-right: 7px; } @media (max-width:576px){ .add2cartModal .modal-body { flex-direction:column; padding-left:0; padding-right:0; } } .more-action { display: flex; padding: 50px; justify-content: center; } .ajax-catalog .card { margin-top: 20px; } .add2favorite--card { position: absolute; top: 15px; right: 10px; display: flex; font-family: inherit; border: 0; padding: 0; margin: 0; cursor: pointer; z-index: 3; width: 40px; height: 40px; justify-content: center; align-items: center; backdrop-filter: blur(3.5px); border-radius: 10px; background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.223 2.12375C19.071 0.971753 17.5459 0.342117 15.9182 0.342117C14.2904 0.342117 12.7607 0.976417 11.6087 2.12842L11.007 2.73007L10.396 2.11909C9.24403 0.967089 7.70958 0.328125 6.08185 0.328125C4.45879 0.328125 2.929 0.962425 1.78166 2.10976C0.629662 3.26176 -0.00463844 4.79155 2.55386e-05 6.41927C2.55386e-05 8.047 0.63899 9.57212 1.79099 10.7241L10.5499 19.4831C10.6712 19.6043 10.8344 19.6696 10.993 19.6696C11.1516 19.6696 11.3148 19.609 11.4361 19.4877L20.2137 10.7428C21.3657 9.59077 22 8.06099 22 6.43326C22.0047 4.80554 21.375 3.27576 20.223 2.12375ZM19.3275 9.85196L10.993 18.1538L2.67715 9.83796C1.76301 8.92383 1.2593 7.71119 1.2593 6.41927C1.2593 5.12735 1.75834 3.91472 2.67248 3.00525C3.58196 2.09577 4.79459 1.59206 6.08185 1.59206C7.37377 1.59206 8.59107 2.09577 9.50521 3.00991L10.5593 4.06397C10.8065 4.31116 11.2029 4.31116 11.4501 4.06397L12.4948 3.01924C13.409 2.1051 14.6263 1.60139 15.9135 1.60139C17.2008 1.60139 18.4134 2.1051 19.3275 3.01457C20.2417 3.92871 20.7407 5.14134 20.7407 6.43326C20.7454 7.72518 20.2417 8.93782 19.3275 9.85196Z' fill='%23FFA658'/%3E%3C/svg%3E%0A") no-repeat center center; } /* active */ .add2favorite--active { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.56015 3.33014C8.51897 3.16677 9.50223 3.22066 10.4374 3.48784C11.3727 3.75502 12.236 4.22867 12.9638 4.87389L13.0039 4.90964L13.0407 4.87714C13.7354 4.26754 14.552 3.81308 15.4362 3.54408C16.3203 3.27507 17.2517 3.19771 18.1682 3.31714L18.4347 3.35614C19.5898 3.55559 20.6695 4.06372 21.5595 4.82673C22.4494 5.58974 23.1165 6.57921 23.49 7.69038C23.8635 8.80154 23.9295 9.99303 23.6811 11.1387C23.4327 12.2843 22.8791 13.3414 22.079 14.1981L21.884 14.3986L21.832 14.443L13.7612 22.4369C13.5749 22.6212 13.3281 22.7318 13.0666 22.7481C12.8051 22.7645 12.5465 22.6855 12.3387 22.5257L12.2369 22.4369L4.11948 14.3964C3.25956 13.5597 2.64799 12.5013 2.35252 11.3384C2.05705 10.1756 2.08921 8.95361 2.44543 7.8079C2.80165 6.66218 3.46803 5.63742 4.37078 4.8471C5.27352 4.05678 6.3774 3.53174 7.56015 3.33014Z' fill='%23FFA658'/%3E%3C/svg%3E%0A"); } #wishlist-page .item-cards { margin-top: 40px; } .sort{ margin: 9px 0 9px; line-height:30px; } .drop-header { color: #999999; margin: 9px 9px 9px 0; line-height: 30px; } .dropdown { position: relative; font-weight: 600; display:inline-flex; justify-content:flex-end; font-size:14px; flex-direction: column; align-items: flex-end; margin-top: 24px; } .dropdown-fix{ display: flex; flex-direction:row; padding-right:10px; } .dropdown-active { margin-bottom: -138px; } .dropdown-content { /*position: absolute;*/ display:none; flex-direction:column; padding: 9px; z-index: 1; line-height:30px; margin:0; cursor: pointer; border-radius: 5px; } .dropdown-content a { height: 0; width:0; opacity:0; z-index:-3; text-decoration:none; color: #999999; } .dropdown-content .active {height:30px;opacity:1;opacity:1;z-index:3;width:100%} .drop-header:after {content:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5575 0.442505L5 3.8775L8.4425 0.442505L9.5 1.5L5 6L0.5 1.5L1.5575 0.442505Z' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); margin-left:5px} .dropdown-content.hover a { height: 30px; width:100%; opacity:1; z-index:3; } .dropdown-content.hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #f9f9f9; display: flex; } .dropdown-content.hover .active:after {content:"";} @media (max-width:768px){ /*.sort{ margin-right: 278px; }*/ .dropdown { /*align-items:center;*/ margin-top: 18px; } } .card-labels .mark{position:static} .card-labels {z-index:2} .fast-view, .fast-view-v2{ display: none; width: 196px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -98px; margin-top: -25px; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); border-radius: 5px; align-items: center; justify-content: center; font: 600 15px/24px 'Mont'; color: #333; text-decoration: none; text-align: center; } .img-card:hover .fast-view, .img-card:hover .fast-view-v2{ display: flex; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/catalog.section/recoms/style.css?17291740019095*/ .card { position: relative; } .loader { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,.7); display: none; } .loader img { position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); } .modal.add2cartModal { display: none; } .modal.add2cartModal { position: fixed; /* фиксированное положение */ top: 0; right: 0; bottom: 0; left: 0; background: rgba(248,248,248,0.9); /* цвет фона */ z-index: 1050; opacity: 1; /* по умолчанию модальное окно прозрачно */ -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; /* анимация перехода */ margin: 0; padding: 0; } /* при отображении модального окно */ .modal.add2cartModal:target { opacity: 1; /* делаем окно видимым */ pointer-events: auto; /* элемент видим для событий мыши */ overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */ } .add2cartModal .modal-dialog { position: relative; width: 100%; max-width:600px; padding: 10px; box-sizing:border-box; margin:0 auto; } .add2cartModal .modal-content { width:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: 0; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .add2cartModal .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 70px 15px 17px; position:relative; text-align:center; } .add2cartModal .modal-title { margin-top: 0; margin-bottom: 0; font:normal 30px/39px 'Playfair Display'; color: #333; font-weight: 600; text-align: center; text-transform: uppercase; display:block; width:100%; } .add2cartModal .close { display:block; position:absolute; right:25px; top:25px; width:14px; height:14px; overflow:hidden; font:normal 22px/14px Tahoma; color:#09BBB5; text-decoration: none; } .add2cartModal .close:focus, .add2cartModal .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } .add2cartModal .modal-body { position: relative; display:flex; flex-direction:row; justify-content: center; padding: 15px 15px 63px; overflow: auto; } .add2cartModal .modal-body .button{ background: #FFA658; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:22px 32px; outline: 0; font-family: 'Mont'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 100%; text-align: center; color: #fff; width: auto; height: auto; white-space: nowrap; transition: all 1s ease; margin-left:10px; margin-right:10px; } .add2cartModal .modal-body .button:hover{ background: #FF8F2D; } .add2cartModal .modal-body .button.buttowhite{ background: transparent; padding:5px; font-weight: 600; color: #00A8A6; } .add2cartModal .modal-body .button.buttowhite:hover{ background: transparent; } .add2cartModal .modal-body .button.buttowhite svg{ margin-right: 7px; } @media (max-width:576px){ .add2cartModal .modal-body { flex-direction:column; padding-left:0; padding-right:0; } } .more-action { display: flex; padding: 50px; justify-content: center; } .ajax-catalog .card { margin-top: 20px; } .add2favorite--card { position: absolute; top: 15px; right: 10px; display: flex; font-family: inherit; border: 0; padding: 0; margin: 0; cursor: pointer; z-index: 3; width: 40px; height: 40px; justify-content: center; align-items: center; backdrop-filter: blur(3.5px); border-radius: 10px; background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.223 2.12375C19.071 0.971753 17.5459 0.342117 15.9182 0.342117C14.2904 0.342117 12.7607 0.976417 11.6087 2.12842L11.007 2.73007L10.396 2.11909C9.24403 0.967089 7.70958 0.328125 6.08185 0.328125C4.45879 0.328125 2.929 0.962425 1.78166 2.10976C0.629662 3.26176 -0.00463844 4.79155 2.55386e-05 6.41927C2.55386e-05 8.047 0.63899 9.57212 1.79099 10.7241L10.5499 19.4831C10.6712 19.6043 10.8344 19.6696 10.993 19.6696C11.1516 19.6696 11.3148 19.609 11.4361 19.4877L20.2137 10.7428C21.3657 9.59077 22 8.06099 22 6.43326C22.0047 4.80554 21.375 3.27576 20.223 2.12375ZM19.3275 9.85196L10.993 18.1538L2.67715 9.83796C1.76301 8.92383 1.2593 7.71119 1.2593 6.41927C1.2593 5.12735 1.75834 3.91472 2.67248 3.00525C3.58196 2.09577 4.79459 1.59206 6.08185 1.59206C7.37377 1.59206 8.59107 2.09577 9.50521 3.00991L10.5593 4.06397C10.8065 4.31116 11.2029 4.31116 11.4501 4.06397L12.4948 3.01924C13.409 2.1051 14.6263 1.60139 15.9135 1.60139C17.2008 1.60139 18.4134 2.1051 19.3275 3.01457C20.2417 3.92871 20.7407 5.14134 20.7407 6.43326C20.7454 7.72518 20.2417 8.93782 19.3275 9.85196Z' fill='%23FFA658'/%3E%3C/svg%3E%0A") no-repeat center center; } /* active */ .add2favorite--active { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.56015 3.33014C8.51897 3.16677 9.50223 3.22066 10.4374 3.48784C11.3727 3.75502 12.236 4.22867 12.9638 4.87389L13.0039 4.90964L13.0407 4.87714C13.7354 4.26754 14.552 3.81308 15.4362 3.54408C16.3203 3.27507 17.2517 3.19771 18.1682 3.31714L18.4347 3.35614C19.5898 3.55559 20.6695 4.06372 21.5595 4.82673C22.4494 5.58974 23.1165 6.57921 23.49 7.69038C23.8635 8.80154 23.9295 9.99303 23.6811 11.1387C23.4327 12.2843 22.8791 13.3414 22.079 14.1981L21.884 14.3986L21.832 14.443L13.7612 22.4369C13.5749 22.6212 13.3281 22.7318 13.0666 22.7481C12.8051 22.7645 12.5465 22.6855 12.3387 22.5257L12.2369 22.4369L4.11948 14.3964C3.25956 13.5597 2.64799 12.5013 2.35252 11.3384C2.05705 10.1756 2.08921 8.95361 2.44543 7.8079C2.80165 6.66218 3.46803 5.63742 4.37078 4.8471C5.27352 4.05678 6.3774 3.53174 7.56015 3.33014Z' fill='%23FFA658'/%3E%3C/svg%3E%0A"); } #wishlist-page .item-cards { margin-top: 40px; } .sort{ margin: 9px 0 9px; line-height:30px; } .drop-header { color: #999999; margin: 9px 9px 9px 0; line-height: 30px; } .dropdown { position: relative; font-weight: 600; display:inline-flex; justify-content:flex-end; font-size:14px; flex-direction: column; align-items: flex-end; margin-top: 24px; } .dropdown-fix{ display: flex; flex-direction:row; padding-right:10px; } .dropdown-active { margin-bottom: -138px; } .dropdown-content { /*position: absolute;*/ display:none; flex-direction:column; padding: 9px; z-index: 1; line-height:30px; margin:0; cursor: pointer; border-radius: 5px; } .dropdown-content a { height: 0; width:0; opacity:0; z-index:-3; text-decoration:none; color: #999999; } .dropdown-content .active {height:30px;opacity:1;opacity:1;z-index:3;width:100%} .drop-header:after {content:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5575 0.442505L5 3.8775L8.4425 0.442505L9.5 1.5L5 6L0.5 1.5L1.5575 0.442505Z' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); margin-left:5px} .dropdown-content.hover a { height: 30px; width:100%; opacity:1; z-index:3; } .dropdown-content.hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); background-color: #f9f9f9; display: flex; } .dropdown-content.hover .active:after {content:"";} @media (max-width:768px){ /*.sort{ margin-right: 278px; }*/ .dropdown { /*align-items:center;*/ margin-top: 18px; } } .card-labels .mark{position:static} .card-labels {z-index:2} .fast-view, .fast-view-v2{ display: none; width: 196px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -98px; margin-top: -25px; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); border-radius: 5px; align-items: center; justify-content: center; font: 600 15px/24px 'Mont'; color: #333; text-decoration: none; text-align: center; } .img-card:hover .fast-view, .img-card:hover .fast-view-v2{ display: flex; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/news.detail/in_product_section/style.css?17319978173776*/ .blog-post{ padding: 44px 25px 65px; } .blog-post-wrap{ display: flex; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12); border-radius: 20px; overflow: hidden; } .blog-post-image{ width: 51.67%; padding: 20px 0 20px 20px; } .blog-post-info{ width: 44.17%; padding: 20px 20px 17px 0; display: flex; flex-direction: column; justify-content: space-between; } .blog-post-image img{ display: block; width: 100%; height: auto; border-radius: 20px; } .blog-post-top{ padding: 15px 0 0; } .blog-post-bottom{ display: flex; flex-wrap: wrap; width: 100%; } .blog-post-head{ font: 700 12px/16px 'Mont'; text-transform: uppercase; color: #333; padding: 0 0 0 37px; position: relative; } .blog-post-head::before{ content: ''; display: block; width: 27px; height: 1px; background: #FFA658; position: absolute; left: 0; top: 50%; } .blog-post-name{ padding: 22px 0 14px; font: 400 30px/36px 'Playfair Display'; text-transform: uppercase; color: #333; } .blog-post-anons{ padding:3px 0 3px; font: 600 14px/22px 'Mont'; color: #333; } .blog-post-link{ padding:3px 0 28px; font: 700 14px/18px 'Mont'; color: #333; } .blog-post-link a{ font: 700 14px/18px 'Mont'; color: #FFA658; } .blog-post-date{ padding:3px 0 3px; font: normal 14px/18px 'Mont'; font-weight: 600; color: #999; } .blog-post-time{ background:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23CCCCCC'/%3E%3C/svg%3E") no-repeat left center; padding:3px 0 3px 15px; margin-left: 10px; font: normal 14px/18px 'Mont'; font-weight: 600; color: #999; } .blog-post-author{ display: flex; width: 100%; height: 44px; padding: 0 0 52px 56px; position: relative; font: normal 12px/14px 'Mont'; font-weight: 600; color: #333; } .blog-post-author p{ padding: 3px 0 0; margin: 0; } .blog-post-author p span{ display: block; padding-top: 4px; color: #999; font-weight: 400; } .blog-post-author img{ display: block; position: absolute; top: -5px; left: 0; width: 44px; height: 44px; border-radius: 100%; } .blog-post-views{ background:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23CCCCCC'/%3E%3C/svg%3E") no-repeat left center; padding:3px 0 3px 15px; margin-left: 10px; font: normal 14px/18px 'Mont'; font-weight: 600; color: #999; } @media (max-width:1250px){ .blog-post{ padding: 0 10px; } } @media (min-width:921px) and (max-width:1220px){ .blog-post-anons{ display: none; } } @media (max-width:1060px){ .blog-post-time, .blog-post-date, .blog-post-views{ font-size: 13px; } .blog-post-top{ padding-top: 15px; } .blog-post-name{ font-size: 24px; line-height: 30px; } } @media (max-width:920px){ .blog-post{ padding: 34px 15px 34px; } .blog-post-wrap{ flex-direction: column; max-width: 640px; } .blog-post-image{ width: 100%; padding: 15px 15px 15px; } .blog-post-info{ width: 100%; padding: 0 15px 15px; } } .prolog-title{ color: #999; font: 700 14px/21px Mont; text-transform: uppercase; } .blog-post-anons p{ margin: 0; padding: 5px 0 0; color: #333; font: 600 16px/24px Mont; } .blog-post-anons p ~ .prolog-title{ margin-top: 20px; } .blog-post-anons blockquote{ color: #333; font: 700 14px/21px Mont; margin: 0; padding: 25px 0 0; } .prolog-colors{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding-top: 6px; } .prolog-colors span{ display: flex; width: 36px; height: 36px; margin: 5px 5px 0 0; border-radius: 100%; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/news.list/reviews-slider-in-category/style.css?17028906656778*/ .category-reviews{ background: #F8F8F8; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; margin: 40px 80px; padding: 40px 15px; } .category-reviews-wrap{ max-width: 1200px; margin: 0 auto; } .category-reviews .block-title{ font: normal 40px/52px 'Playfair Display'; font-weight: 600; text-align: center; text-transform: uppercase; color: #333; margin: 0 0 35px; padding: 33px 0 29px; position: relative; } .category-reviews .block-title::before { content: ''; display: block; position: absolute; width: 100px; height: 0px; left: 50%; top: 100%; margin-left: -50px; overflow: hidden; border-top: 1px solid #09BBB5; } .category-reviews .block-title::after { content: ''; display: block; position: absolute; width: 50px; height: 0px; left: 50%; top: 100%; margin-left: -25px; margin-top: 5px; overflow: hidden; border-top: 1px solid #09BBB5; } #categoryReviewsSlider{ display: flex; } #categoryReviewsSlider .slick-track { display: flex; height: 100%; padding: 0 0 8px; } #categoryReviewsSlider .slick-list { width: 100%; } .category-reviews-item{ box-sizing: border-box; padding: 30px 30px; margin: 0 15px; text-align: center; background: #fff; box-shadow: 0px 8px 0px rgba(0, 0, 0, 0.05); border-radius: 20px; display: block; } .review-user{ display: flex; width: 100%; overflow: hidden; } .review-user-letter{ width: 90px; flex-shrink: 0; flex-grow: 0; text-align: left; } .review-user-info{ flex-shrink: 1; flex-grow: 1; text-align: left; } .review-user-letter .letter{ display: block; box-sizing: border-box; border-radius: 100%; width: 70px; height: 70px; overflow: hidden; text-align: center; margin: 1px auto 3px 0; padding:24px 0 0; font: normal 24px/24px 'Mont'; font-weight: 900; color: #fff; } .review-user-letter .letter-1{ background: #D0F5CD; box-shadow: 3px 3px 0px #C3EDC0; } .review-user-letter .letter-2{ background: #FFE792; box-shadow: 3px 3px 0px #EDD788; } .review-user-letter .letter-3{ background: #FF9292; box-shadow: 3px 3px 0px #D87979; } .user-info-name{ font: normal 18px/23px 'Mont'; font-weight: 700; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 20px; width: 100%; } .user-info-date{ padding-top: 4px; font: normal 14px/18px 'Mont'; font-weight: 600; color: #999; } .user-info-rating{ padding-top: 7px; } .review-content{ padding-top: 19px; font: normal 14px/22px 'Mont'; font-weight: 600; color: #333; text-align: left; text-overflow: ellipsis; overflow: hidden; max-height: 350px; } a.all-reviews-link{ display: block; box-sizing: border-box; height: 60px; width: 200px; margin: 62px auto 0; padding: 21px 0 0; border: 1px solid #FFA658; border-radius: 5px; font: normal 16px/16px 'Mont'; font-weight: 600; color: #333; text-align: center; text-decoration: none; } .category-reviews .slick-arrow{ top: -55px; width: 50px; height: 50px; padding: 0; box-sizing: border-box; border: 1px solid #E0E0E0; background: #fff; } .category-reviews .slick-next{ right: 15px; } .category-reviews .slick-prev{ right: 75px; left: auto; } .category-reviews .slick-prev::before{ display: block; width: 16px; height: 16px; margin-left: 15px; overflow: hidden; content: ''; background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.70721 0.636536C7.89468 0.824064 8 1.07837 8 1.34354C8 1.6087 7.89468 1.86301 7.70721 2.05054L2.75721 7.00054L7.70721 11.9505C7.88937 12.1391 7.99017 12.3917 7.98789 12.6539C7.98561 12.9161 7.88044 13.1669 7.69503 13.3524C7.50962 13.5378 7.25881 13.6429 6.99661 13.6452C6.73442 13.6475 6.48182 13.5467 6.29321 13.3645L0.636213 7.70754C0.448742 7.52001 0.343426 7.2657 0.343426 7.00054C0.343426 6.73537 0.448742 6.48106 0.636213 6.29354L6.29321 0.636536C6.48074 0.449065 6.73505 0.34375 7.00021 0.34375C7.26538 0.34375 7.51969 0.449065 7.70721 0.636536Z' fill='%23FFA658'/%3E%3C/svg%3E") no-repeat center center; } .category-reviews .slick-next::before{ display: block; width: 16px; height: 16px; margin-left: 17px; overflow: hidden; content: ''; background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292787 13.3635C0.105316 13.1759 -3.21114e-08 12.9216 -4.37021e-08 12.6565C-5.52927e-08 12.3913 0.105315 12.137 0.292787 11.9495L5.24279 6.99946L0.292786 2.04946C0.110628 1.86086 0.00983319 1.60826 0.0121116 1.34606C0.01439 1.08387 0.119559 0.833052 0.304967 0.647644C0.490375 0.462236 0.741188 0.357068 1.00338 0.35479C1.26558 0.352511 1.51818 0.453305 1.70679 0.635464L7.36379 6.29246C7.55126 6.47999 7.65657 6.7343 7.65657 6.99946C7.65657 7.26463 7.55126 7.51894 7.36379 7.70646L1.70679 13.3635C1.51926 13.5509 1.26495 13.6562 0.999786 13.6562C0.734622 13.6562 0.480314 13.5509 0.292787 13.3635Z' fill='%23FFA658'/%3E%3C/svg%3E") no-repeat center center; } .reviews-informer{ text-align: center; padding: 0 0 41px; } .reviews-informer div{ font: normal 32px/32px 'Mont'; font-weight: 600; text-align: center; color: #333; padding: 0 0 1px; } .reviews-informer p{ display: block; padding: 1px 0 0; margin: 0; font: normal 14px/14px 'Mont'; font-weight: 600; text-align: center; color: #999; } @media (max-width:1360px){ .category-reviews{ -webkit-border-top-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomright: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; margin: 0 0 80px; padding: 40px 15px; } } @media (max-width:768px){ .category-reviews{ padding: 47px 0; width: 100%; overflow: hidden; } .category-reviews .block-title{ font-size: 26px; line-height: 34px; font-weight: 400; padding: 23px 0 19px; margin-bottom: 35px; } .reviews-informer{ padding-bottom: 91px; } .category-reviews .slick-arrow{ top: -44px; } .category-reviews .slick-prev{ right: 50%; margin-left: -40px; } .category-reviews .slick-next{ right: 50%; margin-right: -60px; } .review-content{ padding-top: 19px; font-size: 13px; line-height: 21px; } a.all-reviews-link{ margin-top: 32px; } } .staff-special{ margin-bottom: 80px !important; } /* End */ /* Start:/local/templates/vanilla_other_pages/components/bitrix/news.list/faq_in_category/style.css?17150606754569*/ .category-questions{ padding: 50px 10px; } .category-questions-wrap{ max-width: 800px; margin: 0 auto; } .category-questions .block-title{ font: normal 40px/52px 'Playfair Display'; font-weight: 600; text-align: center; text-transform: uppercase; color: #333; margin: 0 0 35px; padding: 13px 0 29px; position: relative; } .category-questions .block-title::before { content: ''; display: block; position: absolute; width: 100px; height: 0px; left: 50%; top: 100%; margin-left: -50px; overflow: hidden; border-top: 1px solid #09BBB5; } .category-questions .block-title::after { content: ''; display: block; position: absolute; width: 50px; height: 0px; left: 50%; top: 100%; margin-left: -25px; margin-top: 5px; overflow: hidden; border-top: 1px solid #09BBB5; } .category-questions .questions__widget{ box-sizing: border-box; font: normal 16px/26px 'Mont'; font-weight: 600; color: #333; width:100%; } .category-questions { } .category-questions .questions__container{ padding: 30px 0 24px 30px; background: #F8F8F8; box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.07); border-radius: 8px; position: relative; width: 100%; cursor: pointer; } .category-questions .questions__contaiter-title{ font: normal 16px/16px 'Mont'; font-weight: 600; color: #333; margin: 0; width: 100%; padding: 0 50px 0 0; text-align: left; } .category-questions .questions__widget_visible_text .questions__container, .category-questions .questions__widget-active .questions__container{ background: #09BBB5; border-radius: 8px; box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.00); } .category-questions .questions__widget_visible_text .questions__contaiter-title, .category-questions .questions__widget-active .questions__contaiter-title{ color: #fff; } .questions__contaiter-button{ position: absolute; right: 17px; top: 17px; width: 36px; height: 36px; background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.636536 0.292787C0.824064 0.105316 1.07837 0 1.34354 0C1.6087 0 1.86301 0.105316 2.05054 0.292787L7.00054 5.24279L11.9505 0.292787C12.1391 0.110629 12.3917 0.00983372 12.6539 0.0121121C12.9161 0.0143906 13.1669 0.11956 13.3524 0.304968C13.5378 0.490376 13.6429 0.741188 13.6452 1.00339C13.6475 1.26558 13.5467 1.51818 13.3645 1.70679L7.70754 7.36379C7.52001 7.55126 7.2657 7.65657 7.00054 7.65657C6.73537 7.65657 6.48106 7.55126 6.29354 7.36379L0.636536 1.70679C0.449065 1.51926 0.34375 1.26495 0.34375 0.999786C0.34375 0.734622 0.449065 0.480314 0.636536 0.292787Z' fill='%23999999'/%3E%3C/svg%3E") no-repeat center center; border: 0; display: block; padding: 0; margin: 0; outline: none; cursor: pointer; } .questions__widget-active .questions__contaiter-button{ -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .category-questions .questions__text{ max-height: 0; transition: .6s ease; overflow: hidden; padding: 20px 30px 0; } .category-questions .questions__widget_visible_text .questions__text, .category-questions .questions__widget-active .questions__text{ max-height: 1000px; padding-bottom: 6px; } .category-questions .questions__widget_visible_text .questions__contaiter-button, .category-questions .questions__widget-active .questions__contaiter-button{ background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.636536 0.292787C0.824064 0.105316 1.07837 0 1.34354 0C1.6087 0 1.86301 0.105316 2.05054 0.292787L7.00054 5.24279L11.9505 0.292787C12.1391 0.110629 12.3917 0.00983372 12.6539 0.0121121C12.9161 0.0143906 13.1669 0.11956 13.3524 0.304968C13.5378 0.490376 13.6429 0.741188 13.6452 1.00339C13.6475 1.26558 13.5467 1.51818 13.3645 1.70679L7.70754 7.36379C7.52001 7.55126 7.2657 7.65657 7.00054 7.65657C6.73537 7.65657 6.48106 7.55126 6.29354 7.36379L0.636536 1.70679C0.449065 1.51926 0.34375 1.26495 0.34375 0.999786C0.34375 0.734622 0.449065 0.480314 0.636536 0.292787Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center; } .category-questions .questions__text p{ margin-top: 0; } @media (max-width:768px){ .category-questions .block-title{ font-size: 26px; line-height: 34px; font-weight: 400; padding: 23px 0 19px; margin-bottom: 35px; } } /* End */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog.section/day_products/style.css?175023875624812 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/style.css?170739614831998 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.smart.filter/visual_horizontal_vanilla_new/themes/wood/colors.css?1663596456340 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.section.list/tags_rozes/style.css?16850178671623 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog/catalogPage/bitrix/catalog.section.list/tags_vanilla/style.css?16850178671623 */ /* /local/templates/.default/components/bitrix/system.pagenavigation/load_more/style.css?1726662754393 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog.section/.default1/style.css?17390254999095 */ /* /local/templates/vanilla_other_pages/components/bitrix/catalog.section/recoms/style.css?17291740019095 */ /* /local/templates/vanilla_other_pages/components/bitrix/news.detail/in_product_section/style.css?17319978173776 */ /* /local/templates/vanilla_other_pages/components/bitrix/news.list/reviews-slider-in-category/style.css?17028906656778 */ /* /local/templates/vanilla_other_pages/components/bitrix/news.list/faq_in_category/style.css?17150606754569 */