1 line
27 KiB
HTML
1 line
27 KiB
HTML
<!doctype html><html lang=ru><meta charset=UTF-8><meta content="width=device-width,initial-scale=1.0" name=viewport><title>Автокорзина</title><link href=https://fonts.googleapis.com rel=preconnect><link crossorigin href=https://fonts.gstatic.com rel=preconnect><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap" as=style id=style_preload rel=preload><script nonce=**MY_PRETTY_CSP_NONCE**>document.getElementById(`style_preload`).addEventListener(`load`,(function(){this.rel=`stylesheet`}));</script><noscript><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=optional" rel=stylesheet></noscript><style nonce=**MY_PRETTY_CSP_NONCE**>@font-face{font-family:FallbackFont;src:local(Helvetica);size-adjust:98.5%}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,FallbackFont,system-ui,-apple-system,Segoe UI,Helvetica,sans-serif}html{overflow:hidden}body{background-color:#ff7d89;background-image:url(/images/background-raspberry.png);background-position:0 0;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.container{background:#fff;border-radius:24px;width:100%;max-width:1228px;height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.column{flex:1;width:50%;padding:40px;overflow-y:auto}.column+.column{border-left:1px solid #f0f0f0}.relative{position:relative}#title-block{margin-bottom:32px}.col-left{flex-direction:column;max-width:490px;height:100%;display:flex}h1{color:#0c3b2e;margin-bottom:8px;font-size:32px;font-weight:700;line-height:38px}.subtitle{color:#a3ada2;flex-shrink:0;font-size:16px;font-weight:350;line-height:19px}#summary-loader.hidden{visibility:hidden}.loader{color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16px;line-height:19px;display:inline-block;position:absolute}.loader:after,.loader:before{content:"Собираем...";display:block;position:absolute;inset:0}.loader:before{background:linear-gradient(79deg,#ffba00 0%,#ffec47 31%,#c4e30f 63%,#5ea12d 98%) 100%;-webkit-background-clip:text;background-clip:text;animation:1s ease-in-out infinite alternate OpacityAnim}.loader:after{background:linear-gradient(79deg,#5ea12d 2%,#c4e30f 38%,#ffec47 69%,#ffba00 100%) 100%;-webkit-background-clip:text;background-clip:text;animation:1s ease-in-out -1s infinite alternate OpacityAnim}@keyframes OpacityAnim{0%{opacity:1}to{opacity:0}}.cart-summary{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.cart-summary>div{width:100%}.summary-title{color:#0c3b2e;margin-bottom:8px;font-size:20px;font-weight:600;line-height:24px}.summary-days{color:#6ba531}.summary-details{color:#a3ada2;flex:1;justify-content:start;align-items:center;gap:8px;width:100%;font-size:14px;display:flex;position:absolute}.summary-details.hidden{visibility:hidden}.summary-details span{font-weight:350}.summary-details b{margin-bottom:-2px;font-family:initial;font-size:20px;line-height:8px}.summary-excess{color:#6d8982;background-color:#f1faf0;border-radius:4px;padding:3px 6px 5px;font-size:14px;font-weight:350}.reorder-btn{color:#6ba531;cursor:pointer;background:0 0;border:1px solid #6ba531;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:14px;transition:all .2s}.reorder-btn:hover{color:#fff;background:#6ba531}.cart-scroll-wrapper{flex:1;margin-bottom:10px;padding-right:4px;transition:max-height .3s;display:flex;position:relative;overflow:hidden auto}.cart-scroll-wrapper::-webkit-scrollbar{width:6px}.cart-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cart-scroll-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cart-items{list-style:none}.cart-item{border-bottom:1px solid #f0f0f0;align-items:center;padding:16px 0;transition:opacity .4s,transform .4s;display:flex;position:relative}.cart-item.replacing{opacity:.5;pointer-events:none}#empty-cart-loader{align-self:center;margin-left:-30px;animation:1.4s cubic-bezier(.4,.2,.35,.7) infinite spin;position:absolute;left:50%}#empty-cart-loader.hidden{visibility:hidden}.item-image{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:65px;margin-right:16px;font-size:28px;display:flex;position:relative;overflow:hidden}.cart-item.replacing .item-image:after{content:"";border:3px solid #e1e1e1;border-top-color:#6ba531;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item-details{flex:1}.item-name{color:#0c3b2e;margin-bottom:4px;font-size:15px}.item-price{color:#a3ada2;font-size:14px}.menu-btn-wrapper{position:relative}.menu-btn{color:#b0b0b0;cursor:pointer;letter-spacing:2px;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .2s}.menu-btn:hover{color:#0c3b2e;background:#f3f4f6}.menu-dropdown{z-index:10;background:#fff;border:1px solid #eee;border-radius:8px;min-width:150px;margin-top:4px;padding:6px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.menu-dropdown.active{display:block}.menu-dropdown ul{list-style:none}.menu-dropdown li{color:#0c3b2e;cursor:pointer;padding:10px 16px;font-size:14px;transition:all .2s}.menu-dropdown li:hover{background:#f3f4f6}.show-more{color:#6ba531;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:20px 0 10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.show-more:hover{opacity:.8}.show-more svg{stroke:#6ba531;width:14px;height:14px}.show-more.hidden{display:none}.cart-footer{border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.total-label{color:#0c3b2e;visibility:hidden;font-size:16px;line-height:19px}.cart-footer .icon-circle,.cart-footer .checkout-btn{visibility:hidden}#total-price{color:#0c3b2e;visibility:hidden;margin-top:4px;font-size:20px;font-weight:500;line-height:24px}.checkout-btn{color:#fff;cursor:pointer;background-color:#5ea12d;border:none;border-radius:12px;height:54px;padding:14px 32px;font-size:16px;font-weight:370;line-height:20px;transition:background .2s}.total-wrap{flex-direction:column;align-items:flex-start;display:flex}.checkout-btn:hover{background-color:#72b541}.checkout-btn:focus,.checkout-btn:focus-visible{background-color:#72b541;box-shadow:0 4px 10px #0c3b2e1a}.checkout-btn:active{background-color:#4a8d19}.cart-footer.visible .total-label,.cart-footer.visible .icon-circle,.cart-footer.visible .checkout-btn,.cart-footer.visible #total-price{visibility:visible}button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}#filter-title{margin-bottom:40px}h2{color:#0c3b2e;margin-bottom:8px;font-size:20px;line-height:24px}.settings-panel{border:1px solid #ebebeb;border-radius:16px}.accordion-item{border-bottom:1px solid #ebebeb;position:relative}.accordion-item:last-child{border-bottom:none}.accordion-header{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-left{align-items:center;display:flex}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:8px;font-size:16px;display:flex}.bg-green-light rect{fill:#e6f696}.bg-green-light path{stroke:#5ea12d}.bg-gray-light rect{fill:#e7ede7}.bg-gray-light path{stroke:#a3ada2}.header-title{color:#0c3b2e;font-size:16px;font-weight:500;line-height:19px}.setting-desc{color:#a3ada2;margin-top:2px;font-size:14px}.arrow-icon{color:#a3ada2;transition:transform .3s}.arrow-icon svg{stroke:#a3ada2;stroke-width:2px;width:16px;height:16px}.accordion-content{max-height:0;padding:0 24px;transition:max-height .4s,padding .3s;position:relative;overflow:hidden}.accordion-item.open .accordion-content{max-height:500px;padding:0 24px 20px}.accordion-item.open .arrow-icon{transform:rotate(180deg)}.days-options{gap:12px;display:flex}.day-btn{color:#0c3b2e;cursor:pointer;background:#fff;border:2px solid #e1e1e1;border-radius:8px;flex:1;max-width:140px;height:52px;font-size:16px;font-weight:350;line-height:19px;transition:all .2s}.day-btn:hover{border-color:#6ba531}.day-btn.active{background:#e6f696;border-color:#5ea12d}.family-list{flex-direction:column;gap:12px;display:flex}.family-member{cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:12px;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.family-member:hover{border-color:silver;box-shadow:0 2px 8px #00000005}.family-member .avatar{background:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-right:14px;font-size:12px;display:flex;overflow:hidden}.family-member .avatar img{max-width:100%}.family-member .info{pointer-events:none;flex-direction:column;flex:1;display:flex}.family-member .info .name{color:#0c3b2e;font-size:16px;font-weight:600}.family-member .info .age{color:#a3ada2;font-size:14px}.family-member .delete-member{color:#d1d5db;cursor:pointer;padding:0 8px;font-size:18px;transition:all .2s}.family-member .delete-member:hover{color:#e53935}.family-member:nth-child(n+1) .avatar{background-color:#b4aaff}.family-member:nth-child(n+2) .avatar{background-color:#cee0ff}.family-member:nth-child(n+3) .avatar{background-color:#e6f696}.family-member:nth-child(n+4) .avatar{background-color:#fff488}.family-member:nth-child(n+5) .avatar{background-color:#ffd623}.add-member-btn-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.add-member-btn{color:#6ba531;cursor:pointer;background-color:#0000;border:0;border-radius:12px;justify-content:center;align-items:center;height:52px;margin-top:16px;padding:18px 23px;font-size:15px;font-weight:350;transition:all .2s;display:flex}.add-member-btn:hover{background-color:#f7fbf6}.add-member-btn:active{background-color:#eef8eb}.add-member-btn:focus{background-color:#eef8eb;outline:none}.add-member-btn span{margin-left:8px;font-size:20px;font-weight:300}.category-selector-block .category-header h3{color:#0c3b2e;margin-bottom:4px;font-size:16px;font-weight:350;line-height:19px}.category-selector-block .category-header p{color:#a3ada2;margin-bottom:16px;font-size:14px;font-weight:350}.categories-wrapper{flex-wrap:wrap;gap:8px;display:flex}.toggle-categories-btn,.category-btn{height:32px}.category-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:background-color 1.2s}.category-btn:focus{background-color:#9fc6a4;outline:none;box-shadow:0 4px 10px #0c3b2e1a}.category-btn.active{color:#f1faf0;background-color:#0c3b2e}.category-btn.inactive{color:#0c3b2e;background-color:#f1faf0}.category-btn.inactive:hover{background-color:#e4f0de}.spacer-width{visibility:hidden;position:relative}.spacer-over{z-index:2;position:absolute}.loading-border{position:relative;overflow:hidden}.loading-border .spacer-over,.loading-border:before,.loading-border:after{color:#0c3b2e;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.loading-border:before{content:"";background:linear-gradient(79deg,#ffba00 0%,#ffec47 31%,#c4e30f 63%,#5ea12d 98%) 100%;animation:1s ease-in-out infinite alternate OpacityAnim}.loading-border:after{content:"";background:linear-gradient(79deg,#5ea12d 2%,#c4e30f 38%,#ffec47 69%,#ffba00 100%) 100%;animation:1s ease-in-out -1s infinite alternate OpacityAnim}.toggle-categories-btn{cursor:pointer;background-color:#f2f9ef;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;transition:all .2s;display:flex}.toggle-categories-btn:hover{background-color:#e4f0de}.toggle-categories-btn svg{stroke:#0c3b2e;width:18px;height:18px;transition:transform .3s}.toggle-categories-btn.collapsed svg{transform:rotate(180deg)}.address-input-wrap{position:relative}.address-input-wrap input{color:#0c3b2e;background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;outline:none;width:100%;padding:12px 36px 12px 16px;font-size:14px}.address-input-wrap .clear-input{color:#b0b0b0;cursor:pointer;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.modal-overlay{backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:440px;max-height:95vh;padding:24px;overflow-y:auto;box-shadow:0 8px 30px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:#0c3b2e;font-size:20px;font-weight:600}.modal-header .close-modal{color:#b0b0b0;cursor:pointer;font-size:24px;line-height:1}.modal-header .close-modal:hover{color:#0c3b2e}.categories-grid{flex-wrap:wrap;gap:10px;display:flex}.category-header,#expand-categories{visibility:hidden}#expand-categories.show-more{color:#0c3b2e;justify-content:center;align-items:center;gap:8px;width:auto;padding:6px 8px 6px 16px;font-size:14px;font-weight:350;display:flex}.visible #expand-categories,.visible .category-header{visibility:visible}.form-group{margin-bottom:16px}.form-group label{color:#0c3b2e;margin-bottom:6px;font-size:14px;display:block}.form-group input{border:1px solid #e1e1e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#6ba531}.form-row{gap:16px;margin-bottom:16px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.hint{color:#a3ada2;margin-top:4px;font-size:12px;display:block}.gender-toggles{gap:8px;margin-bottom:16px;display:flex}.gender-btn{cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .2s}.gender-btn.active{background:#e9f6d9;border-color:#e9f6d9;font-weight:500}.modal-prefs-grid{border-top:1px solid #f0f0f0;gap:16px;margin-bottom:20px;padding-top:16px;display:flex}.modal-prefs-grid .pref-col{flex:1;position:relative}.modal-prefs-grid .pref-col-title{color:#0c3b2e;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.modal-prefs-grid .pref-input{border:1px solid #e1e1e1;border-radius:8px;outline:none;width:100%;margin-bottom:6px;padding:8px 10px;font-size:14px}.modal-prefs-grid .pref-input:focus{border-color:#6ba531}.modal-prefs-grid .autocomplete-list{z-index:20;background:#fff;border:1px solid #e1e1e1;border-radius:8px;width:100%;max-height:120px;display:none;position:absolute;top:65px;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000000f}.modal-prefs-grid .autocomplete-list.active{display:block}.modal-prefs-grid .autocomplete-list div{cursor:pointer;padding:8px 12px;font-size:14px;transition:all .2s}.modal-prefs-grid .autocomplete-list div:hover{background:#f3f4f6}.modal-prefs-grid .tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.modal-prefs-grid .tag{border-radius:6px;align-items:center;padding:4px 10px;font-size:13px;display:inline-flex}.modal-prefs-grid .tag-red{color:#c62828;background-color:#fce4ec}.modal-prefs-grid .tag-green{color:#33691e;background-color:#f0f4c3}.modal-prefs-grid .tag-close{cursor:pointer;opacity:.6;margin-left:6px;font-size:15px}.modal-prefs-grid .tag-close:hover{opacity:1}.save-btn{color:#fff;cursor:pointer;background:#6ba531;border:none;border-radius:12px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.save-btn:hover{background:#5b8f29}@media (width<=900px){.container{flex-direction:column}.column{width:100%;padding:20px}.column+.column{border-top:1px solid #f0f0f0;border-left:none}.form-row,.modal-prefs-grid{flex-direction:column;gap:16px}.col-left{min-height:400px}}#cookie-popup{z-index:9999;opacity:0;visibility:hidden;background:#fff;border:2px solid #e7ede7;border-radius:20px;align-items:center;gap:20px;width:95%;max-width:780px;padding:16px 32px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 30px #0000000d,0 4px 10px #00000005}#cookie-popup.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#cookie-popup.hide{opacity:0;visibility:hidden;transform:translate(-50%)translateY(30px)}.cookie-icon-wrapper{background:#fff;border:1px solid #edf2f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;box-shadow:inset 0 4px 10px #0c3b2e1a}.cookie-icon-wrapper img{object-fit:contain;width:85%;height:85%}.cookie-text{color:#0c3b2e;letter-spacing:.01em;flex-grow:1;margin:0;font-size:14px;line-height:20px}.cookie-text .highlight{color:#69a342;font-weight:600}#cookie-accept{color:#1c3a2e;cursor:pointer;white-space:nowrap;background-color:#d6e6d4;border:none;border-radius:10px;flex-shrink:0;padding:10px 24px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s}#cookie-accept:hover{background-color:#c2d6c0}#cookie-accept:active{transform:scale(.96)}.product-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:none;position:fixed;top:0;left:0}.product-modal-overlay.show{display:flex}.product-modal-window{box-sizing:border-box;background-color:#fff;border-radius:12px;width:100%;max-width:340px;padding:20px 24px;position:relative;box-shadow:0 4px 15px #0003}.product-modal-close{color:#b3b3b3;cursor:pointer;background:0 0;border:none;padding:5px;font-size:24px;line-height:1;position:absolute;top:15px;right:15px}.product-modal-close:hover{color:#777}.product-modal-image{justify-content:center;margin:20px 0;display:flex}.product-modal-image img{object-fit:contain;width:160px;height:auto}.product-modal-title{text-align:center;color:#222;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.4}.product-modal-details{text-align:center;color:#555;margin:0 0 24px;font-size:15px}.product-modal-btn{color:#fff;cursor:pointer;background-color:#5ba653;border:none;border-radius:8px;width:100%;padding:14px 0;font-size:16px;font-weight:600;transition:background-color .2s;display:block}.product-modal-btn:hover{background-color:#4e9247}.product-modal-link{text-align:center;color:#5ba653;margin-top:15px;font-size:14px;font-weight:500;text-decoration:none;display:block}.product-modal-link:hover{text-decoration:underline}@media (width<=600px){#cookie-popup{text-align:center;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px;bottom:15px}.cookie-icon-wrapper{width:50px;height:50px}.cookie-text{order:2;width:100%;font-size:14px}#cookie-accept{order:3;justify-content:center;width:100%;padding:12px}}</style><body><div class=container><div class="column col-left" id=app><div id=title-block><h1>Автокорзина</h1><p class=subtitle>Собираем продукты под ваши настройки</div><div class=cart-summary><div><div class=summary-title>Ваша корзина на <span class=summary-days> - </span></div><div class=relative><div><div class="loader hidden" id=summary-loader>Собираем...</div></div><div class=summary-details id=summary-details><span>84 товара</span><b>•</b><span>12 020 ₽</span><div class=summary-excess>С запасами до 13 дней</div></div></div></div></div><div class=cart-scroll-wrapper id=scroll-wrapper><ul class=cart-items id=cart-list></ul><img alt="сбор корзины" id=empty-cart-loader src=/images/empty-cart-loader.svg></div><div class=show-more id=show-more-btn>Показать ещё <span id=remaining-count>-</span> товаров <svg viewbox="0 0 24 24" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><polyline points="6 9 12 15 18 9"></polyline></svg></div><div class=cart-footer><div class=total-wrap><div style=align-items:center;display:flex><div class="icon-circle bg-green-light"><svg viewbox="0 0 44 44" fill=none height=44 width=44 xmlns=http://www.w3.org/2000/svg><rect fill=#E6F696 height=44 rx=22 width=44 /><path d="M18 18L18 17C18 14.7909 19.7909 13 22 13C24.2091 13 26 14.7909 26 17L26 18" stroke=#5EA12D stroke-linecap=round stroke-width=2 /><path d="M25 24V22" stroke=#5EA12D stroke-linecap=round stroke-width=2 /><path d="M19 24V22" stroke=#5EA12D stroke-linecap=round stroke-width=2 /><path d="M14 22C14 20.1144 14 19.1716 14.5858 18.5858C15.1716 18 16.1144 18 18 18H26C27.8856 18 28.8284 18 29.4142 18.5858C30 19.1716 30 20.1144 30 22V23C30 26.7712 30 28.6569 28.8284 29.8284C27.6569 31 25.7712 31 22 31C18.2288 31 16.3431 31 15.1716 29.8284C14 28.6569 14 26.7712 14 23V22Z" stroke=#5EA12D stroke-width=2 /></svg></div><div><span class=total-label>Итого</span><div id=total-price>-</div></div></div></div><button class=checkout-btn>Оформить заказ</button></div></div><div class=column><div id=filter-title><h2>Настройте корзину под себя</h2><p class=subtitle>Чем больше вы расскажете, тем точнее будет подбор</div><div class=settings-panel id=settings-panel><div class=accordion-item><div class=accordion-header><div class=header-left><div class="icon-circle bg-green-light"><img alt=календарь src=/images/calendar.svg></div><span class=header-title>На сколько дней собираем корзину?</span></div><div class=arrow-icon><svg viewbox="0 0 24 24" fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M19 9L12 16L5 9" stroke=#0C3B2E stroke-linecap=round stroke-linejoin=round stroke-width=2 /></svg></div></div><div class=accordion-content><div class=days-options><button class=day-btn data-days=1>1</button><button class=day-btn data-days=3>3</button><button class="day-btn active" data-days=7>7</button></div></div></div><div class="accordion-item open"><div class=accordion-header><div class=header-left><div class="icon-circle bg-green-light"><img alt=семья src=/images/family.svg></div><div><div class=header-title>Кто будет есть?</div><div class=setting-desc id=family-desc>2 человека</div></div></div><div class=arrow-icon><svg viewbox="0 0 24 24" fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M19 9L12 16L5 9" stroke=#0C3B2E stroke-linecap=round stroke-linejoin=round stroke-width=2 /></svg></div></div><div class=accordion-content><div class=family-list id=family-list></div><div class=add-member-btn-wrapper><button class=add-member-btn id=addMemberBtn>Добавить человека <span>+</span></button></div></div></div><div class=accordion-item id=prefs-accordion><div class=accordion-header><div class=header-left><div class="icon-circle bg-gray-light" id=preferences-icon><svg viewbox="0 0 44 44" fill=none height=44 width=44 xmlns=http://www.w3.org/2000/svg><rect height=44 rx=22 width=44 /><path d="M14.4507 23.9082L21.4033 30.4395C21.6428 30.6644 21.7625 30.7769 21.9037 30.8046C21.9673 30.8171 22.0327 30.8171 22.0963 30.8046C22.2375 30.7769 22.3572 30.6644 22.5967 30.4395L29.5493 23.9082C31.5055 22.0706 31.743 19.0466 30.0978 16.9261L29.7885 16.5273C27.8203 13.9906 23.8696 14.416 22.4867 17.3137C22.2913 17.723 21.7087 17.723 21.5133 17.3137C20.1304 14.416 16.1797 13.9906 14.2115 16.5273L13.9022 16.9261C12.2569 19.0466 12.4945 22.0706 14.4507 23.9082Z" stroke-width=2 /></svg></div><div><div class=header-title>Предпочтения</div><div class=setting-desc id=prefs-desc>Не указаны</div></div></div><div class=arrow-icon><svg viewbox="0 0 24 24" fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M19 9L12 16L5 9" stroke=#0C3B2E stroke-linecap=round stroke-linejoin=round stroke-width=2 /></svg></div></div><div class=accordion-content><div class=category-selector-block><div class=category-header><h3>Что добавить в корзину?</h3><p>Выберите группы продуктов, которые хотите видеть в корзине</div><div class=categories-wrapper><div class=categories-grid id=categories-grid><button class=toggle-categories-btn id=expand-categories><svg viewbox="0 0 24 24" fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><polyline points="18 15 12 9 6 15"></polyline></svg></button></div></div></div></div></div></div></div></div><div class=modal-overlay id=personModal><div class=modal-content><div class=modal-header><h2 id=modalTitle>Добавить человека</h2><span class=close-modal id=closeModalBtn>×</span></div><div class=modal-body><div class=form-group><label>Имя</label><input id=inputName placeholder=Имя></div><div class=form-group><label>Пол</label><div class=gender-toggles id=genderToggles><button class=gender-btn data-gender=f>Женский</button><button class="gender-btn active" data-gender=m>Мужской</button></div></div><div class=form-row><div class=form-group><label>Возраст</label><input id=inputAge type=number value=30><span class=hint>от 7 лет</span></div><div class=form-group><label>Вес</label><input id=inputWeight type=number value=87></div><div class=form-group><label>Рост</label><input id=inputHeight type=number value=177></div></div><div class=modal-prefs-grid><div class=pref-col><span class=pref-col-title>Запрещённые</span><input placeholder="Например: лук" class=pref-input data-type=avoid><div class=autocomplete-list data-type=avoid></div><div class=tags-wrap data-target=avoid></div></div><div class=pref-col><span class=pref-col-title>Любимые</span><input class=pref-input data-type=favorite><div class=autocomplete-list data-type=favorite></div><div class=tags-wrap data-target=favorite></div></div></div><button class=save-btn id=savePersonBtn>Сохранить</button></div></div></div><div class=product-modal-overlay id=modalProductOverlay><div class=product-modal-window><button aria-label=Закрыть class=product-modal-close>×</button><div class=product-modal-image><img alt="Мороженое Baskin Robbins" id=modalProductImage></div><h2 class=product-modal-title id=modalProductTitle>Мороженое "Baskin Robbins" Банан с клубникой, 90 мл</h2><p class=product-modal-details><span id=modalProductQuantity>1 шт</span> · <span id=modalProductPrice>200 ₽</span></p><button class=product-modal-btn id=modalProductReplaceBtn>Заменить</button><a class=product-modal-link href=# id=modalProductAnotherBtn>Ещё вариант</a></div></div><div id=cookie-popup><div class=cookie-icon-wrapper><img alt="Cookie icon" src=/images/cookie.png></div><p class=cookie-text>Мы используем <a class=highlight href=/cookies_and_recommendations.html#c target=_blank>куки</a> и <a class=highlight href=/cookies_and_recommendations.html#r target=_blank>рекомендательные технологии</a>, это помогает улучшать сервис и запоминать ваши настройки</p><button id=cookie-accept>Хорошо</button></div><script nonce=**MY_PRETTY_CSP_NONCE** src=autocart.js></script> |