*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background:#ff0062}.bg{position:fixed;inset:0;z-index:0;pointer-events:none;font-family:fatkat;font-size:20px;line-height:1.6;word-spacing:0px;color:#ffffff13;white-space:pre-wrap;text-align:center}body>*{position:relative;z-index:1}@font-face{font-family:fatkat;src:url(/fonts/fatkat/fatkat.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Light.otf);font-weight:300;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Semibold.otf);font-weight:600;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:SF Pro Text;src:url(/fonts/sf-ui/SFUIText-Heavy.otf);font-weight:800;font-style:normal}.navbar{width:96%;height:70px;background:#141428;display:flex;justify-content:center;align-items:center;border-radius:32px;margin:13px auto 0}.logo{display:flex;justify-content:center;align-items:center;font-family:fatkat,sans-serif;font-size:2.5rem;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.logo:focus,.logo:active{outline:none}.panel{width:100%;margin:15px auto;display:flex;flex-direction:column;gap:16px}.box{width:93%;height:230px;margin:auto;background:#18172e;border-radius:25px;overflow:hidden;position:relative}.box-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;object-position:0% 60%}.price-box{position:absolute;bottom:10px;left:10px;right:10px;height:60px;display:flex;justify-content:space-between;align-items:center;background:#18172ece;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:0 12px;z-index:2;font-family:SF Pro Text,sans-serif;cursor:pointer}.price-box{transition:transform .3s ease,opacity .1s ease;will-change:transform}.price-box:active{transform:scale(.97);opacity:1}.stock{display:flex;align-items:center;flex-direction:column;font-size:.7rem;font-weight:400;line-height:1;gap:2px}.stock-label{color:#fff;opacity:1 rem;font-weight:600}.stock-value{color:#fff;font-size:1.2rem;font-weight:600}.price-container{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:.95}.price-label{color:#fff;opacity:1;font-size:.7rem;letter-spacing:-.5px}.price-label .seller{color:#fff;font-weight:700}.price-label .product{color:#ff0062;font-weight:800}.price{color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.cart-icon{width:28px;height:28px;color:#fff}@media(min-width:1024px){.panel{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;padding:20px}.box{width:30%;height:320px;margin:0;border-radius:30px}.price-box{height:70px;padding:0 16px}.price{font-size:1.8rem}.stock-value{font-size:1.4rem}.box-image{object-position:50% 50%}.box{transition:transform .3s ease}.box:hover{transform:scale(1.01)}}.box--poll{display:flex;align-items:center;justify-content:center;font-family:SF Pro Text,sans-serif}.next-week{width:100%;padding:12px;color:#fff}.poll-title{text-align:center;margin-bottom:12px;font-size:14px}.poll-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.poll-column{display:flex;flex-direction:column;gap:6px;font-size:13px}.poll-button{width:100%;padding:12px;border-radius:10px;background:#fff;color:#141428;border:none;cursor:pointer;font-size:13px;font-weight:800}.poll-button{transition:transform .3s ease,opacity .1s ease;will-change:transform}.poll-button:active{transform:scale(.97);opacity:.85}.poll-option{width:100%;padding:12px;border-radius:10px;background:#141428;color:#fff;border:none;cursor:pointer;font-size:11px;font-weight:800;transition:.2s ease;user-select:none}.poll-option.active{background:#fff;color:#141428}.poll-success{position:absolute;inset:0;display:flex;flex-direction:column;text-align:center;gap:10px;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;opacity:0;transform:scale(.95);transition:.4s ease;pointer-events:none}.poll-success svg{display:block}.poll-success.show{opacity:1;transform:scale(1)}.hidden{display:none}@media(min-width:1024px){.box--poll{padding:10px}.next-week{padding:20px}.poll-title{font-size:18px;margin-bottom:18px}.poll-grid{gap:16px}.poll-column{gap:10px;font-size:14px}.poll-option{font-size:13px;padding:14px;border-radius:12px}.poll-button{font-size:14px;padding:14px;border-radius:12px}.poll-success{font-size:22px;gap:14px}.poll-option{transition:transform .2s ease,background .2s ease}.poll-option:hover{background:#fff;color:#141428}}.form-section{width:100%;border-radius:25px;padding:15px;color:#fff;box-sizing:border-box}.form-header{display:flex;align-items:center;justify-content:center;gap:6px}.back-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.back-icon svg{display:block}.buy-form{display:flex;flex-direction:column;gap:13px;background:#18172e;border-radius:25px;padding:20px;margin:auto;font-family:SF Pro Text,sans-serif}.buy-form h2{text-align:center}.buy-form input,.buy-form select,.buy-form button{font-size:14px;font-family:SF Pro Text,sans-serif;font-weight:550;color:#fff}.buy-form input::placeholder{color:#ffffff4b}.buy-form select{color:#ffffff4b}.buy-form select:valid{color:#fff}.buy-form input{padding:12px;border-radius:10px;border:none;outline:none;background:#141428}.buy-form select{padding:12px;border-radius:10px;border:none;outline:none;background:#141428;appearance:base-select}.buy-form button{padding:12px;border-radius:10px;border:none;background:#fff;color:#141428;font-weight:700;cursor:pointer}.buy-form button{transition:transform .3s ease,opacity .1s ease;will-change:transform}.buy-form button:active{transform:scale(.98);opacity:.85}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.row input,.row select{flex:1}@media(min-width:1024px){.form-section{padding:30px}.buy-form{max-width:520px;padding:28px;gap:16px;border-radius:30px}.back-icon svg{width:30px;height:30px}.buy-form h2{font-size:30px}.buy-form input,.buy-form select{font-size:15px;padding:14px;border-radius:12px}.buy-form button{font-size:15px;padding:14px;border-radius:12px;transition:transform .2s ease,opacity .2s ease}.buy-form button:hover{transform:translateY(-2px)}.row{gap:14px}}.app{width:100%;overflow:hidden}.slider{display:flex;width:100%;transition:transform .4s ease}.panel,.form-section{width:100vw;flex-shrink:0}.slider.to-buy{transform:translate(-100vw)}.slider{touch-action:pan-y}
