@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap";.basket{position:relative;z-index:1;left:auto;bottom:auto;transform:none;width:100%;margin:24px auto 0;box-shadow:0 8px 22px #11182715}.order-status{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #DCE1EB;border-radius:17px}.order-status-heading{display:flex;justify-content:space-between;color:#3d67c9;font-weight:700}.order-status-heading span{display:flex;align-items:center;gap:7px}.status-dot{width:10px;height:10px;border-radius:50%;background:#3d67c9;box-shadow:0 0 0 5px #e6ecff}.status-dot.ready{background:#318269;box-shadow:0 0 0 5px #e0f4ea}:root .basket{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin:24px auto 0;box-shadow:0 8px 22px #11182715}:root{font-family:DM Sans,sans-serif;color:#1a1d26;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.hero{background:#101217;color:#fff;padding:22px 20px 46px}.hero-inner,.content{max-width:760px;margin:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px}.brand i{font-weight:400;color:#3d67c9}.mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#3d67c9;color:#101217}.mark.small{width:32px;height:32px;border-radius:10px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#3d67c9;font-weight:700}.hero .eyebrow{display:block;margin-top:52px}.hero h1,.state h1{font:700 42px/1.05 Playfair Display,serif;margin:10px 0}.hero p{color:#c0c7d4;margin:0}.content{padding:22px 20px 170px}.categories{display:flex;gap:9px;overflow:auto;padding-bottom:20px}.categories button{white-space:nowrap;border:1px solid #DCE1EB;background:transparent;color:#636b7a;border-radius:99px;padding:10px 15px;font:500 14px DM Sans;cursor:pointer}.categories .active{background:#1a1d26;color:#fff;border-color:#1a1d26}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{position:relative;display:flex;flex-direction:column;min-height:188px;background:#fff;border:1px solid #DCE1EB;border-radius:17px;padding:12px;overflow:hidden}.product img{width:100%;height:110px;object-fit:cover;border-radius:11px}.product-icon{display:grid;place-items:center;height:110px;background:#e6ecff;border-radius:11px;font-size:42px}.product-info{margin-top:auto;padding-top:12px;padding-right:35px}.product h2{font-size:15px;margin:0 0 5px}.product strong{font-size:14px;color:#3d67c9}.add{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border:0;border-radius:10px;background:#3d67c9;color:#1a1d26;display:grid;place-items:center;cursor:pointer}.basket{position:fixed;z-index:2;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);padding:17px 20px 22px;background:#fff;border-top:1px solid #DCE1EB;box-shadow:0 -8px 30px #11182720}.basket-title,.line{display:flex;justify-content:space-between;align-items:center;gap:12px}.basket-title span{display:flex;align-items:center;gap:7px;font-weight:700}.basket-title b{color:#3d67c9}.line{margin-top:13px;font-size:14px}.line small{display:block;color:#7b8494;font-size:12px;margin-top:2px}.stepper{display:flex;align-items:center;gap:11px}.stepper button{display:grid;place-items:center;width:26px;height:26px;border:1px solid #DCE1EB;background:#f7f8fc;border-radius:8px}.basket input{width:100%;border:1px solid #DCE1EB;border-radius:10px;padding:12px;margin:15px 0 10px;font:inherit}.submit{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;border:0;border-radius:11px;background:#1a1d26;color:#fff;padding:14px;font:700 15px DM Sans;cursor:pointer}.submit:disabled{opacity:.6}.form-error{color:#be4840;font-size:12px}.state{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;color:#636b7a}.state h1{color:#1a1d26}.state p{max-width:360px;line-height:1.6}.state.success{background:#f7f8fc}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #DCE1EB;border-radius:14px;padding:15px;margin-top:20px;color:#3d67c9}.status strong,.status small{display:block}.status small{color:#7b8494;margin-top:3px;font-size:12px}@media(max-width:460px){.products{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}}.basket{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin:24px auto 0;box-shadow:0 8px 22px #11182715}.orders-status{margin-bottom:20px;padding:16px;background:#fff;border:1px solid #DCE1EB;border-radius:17px}.orders-status-heading{display:flex;justify-content:space-between;color:#3d67c9;font-weight:700}.orders-status-heading span{display:flex;align-items:center;gap:7px}.status-items{display:block;margin-top:8px;color:#636b7a;font-size:12px}:root{color-scheme:light}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgb(61 103 201 / .34);outline-offset:2px}.categories button,.add,.stepper button,.submit{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.categories button:hover{border-color:#3d67c9;color:#3d67c9}.categories button:active,.add:active,.stepper button:active,.submit:active{transform:scale(.97)}.product{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}@media(hover:hover){.product:hover{border-color:#3d67c97a;box-shadow:0 16px 28px -20px #1f2a4b73;transform:translateY(-2px)}.add:hover,.submit:hover{background:#3159b6;box-shadow:0 8px 18px -10px #3159b699}}.basket input:focus{border-color:#3d67c9;box-shadow:0 0 0 3px #3d67c921;outline:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}