:root{--navy:#16344A;--teal:#2E8B7D;--mint:#E8F5F1;--cream:#F7F8F5;--coral:#E78562;--ink:#243746;--muted:#71808b;--white:#fff;--shadow:0 10px 34px rgba(22,52,74,.08)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#dfe5e2;color:var(--ink)}button,input{font:inherit}button{border:0;cursor:pointer}body{overscroll-behavior:none}#app{height:100%}.shell{position:relative;width:100%;max-width:430px;height:100dvh;margin:auto;background:var(--cream);overflow:hidden;box-shadow:0 0 40px rgba(22,52,74,.15)}.scroll{height:100%;overflow-y:auto;padding-bottom:92px;scrollbar-width:none}.scroll::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.safe-top{padding-top:max(22px,env(safe-area-inset-top))}.top{display:flex;justify-content:space-between;align-items:center;padding:0 20px 14px}.eyebrow{margin:0;color:var(--muted);font-size:13px}.title{margin:2px 0 0;font-size:25px;line-height:1.08;color:var(--navy);font-weight:900}.icon-btn{width:43px;height:43px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 15px rgba(22,52,74,.08);color:var(--navy);font-size:20px}.hero{position:relative;overflow:hidden;margin:7px 20px 0;padding:21px;border-radius:28px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--teal));min-height:190px}.hero:after{content:"✦";position:absolute;right:16px;bottom:0;font-size:92px;color:rgba(255,255,255,.11)}.hero-label{font-size:11px;letter-spacing:.08em;color:#bce7dc;font-weight:800}.hero h2{max-width:280px;font-size:23px;line-height:1.08;margin:10px 0 9px}.hero p{max-width:270px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45}.primary,.secondary{padding:12px 16px;border-radius:14px;font-weight:800}.hero .primary{margin-top:5px;background:#fff;color:var(--navy)}.section{padding:24px 20px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section h2{margin:0;font-size:19px;color:var(--navy)}.link{background:transparent;color:var(--teal);font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border-radius:22px;padding:12px;text-align:left;box-shadow:var(--shadow);min-width:0}.art{height:116px;border-radius:16px;display:grid;place-items:center;position:relative;overflow:hidden}.pack{width:58px;height:79px;background:white;border-radius:11px;box-shadow:0 8px 18px rgba(22,52,74,.15);display:grid;place-items:center;position:relative;color:var(--accent);font-weight:900}.pack:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:11px 11px 0 0;background:var(--accent)}.pack small{position:absolute;bottom:7px;font-size:5px;color:#99a4aa;font-weight:600}.card h3{font-size:15px;margin:12px 0 3px;color:var(--navy);line-height:1.13}.category{font-size:11px;color:var(--muted)}.price{display:block;margin-top:8px;color:var(--teal);font-weight:900}.card-head{display:flex;justify-content:space-between;gap:6px}.heart{background:transparent;color:#c6ced2;padding:0;font-size:18px}.heart.active{color:var(--coral)}.order-card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.order-card small{color:var(--teal);font-weight:800}.order-card h3{margin:5px 0;color:var(--navy);font-size:15px}.repeat{width:48px;height:48px;border-radius:15px;background:var(--mint);color:var(--teal);font-size:22px}.bottom{position:absolute;z-index:20;left:0;right:0;bottom:0;padding:9px 5px max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #edf0ef;display:flex;justify-content:space-around}.nav{position:relative;background:transparent;color:#97a2a8;width:25%;display:grid;gap:3px;place-items:center;font-size:20px}.nav span{font-size:10px;font-weight:800}.nav.active{color:var(--teal)}.badge{position:absolute;top:-3px;right:22%;width:20px;height:20px;border-radius:50%;background:var(--coral);color:#fff;font-size:10px;display:grid;place-items:center}.header{position:sticky;top:0;z-index:10;background:rgba(247,248,245,.96);backdrop-filter:blur(10px);padding:max(18px,env(safe-area-inset-top)) 20px 12px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px}.header h1{font-size:21px;margin:0;color:var(--navy)}.search{margin:3px 20px 0;background:#fff;border-radius:16px;padding:13px 15px;display:flex;gap:10px;box-shadow:0 4px 12px rgba(22,52,74,.04)}.search input{border:0;outline:0;width:100%;background:transparent}.chips-wrap{position:relative;margin-left:20px}.chips{display:flex;gap:8px;overflow-x:auto;padding:15px 70px 15px 0;scrollbar-width:none;scroll-snap-type:x proximity}.chip{white-space:nowrap;padding:9px 14px;border-radius:999px;background:#fff;color:#66767f;font-size:12px;font-weight:800;scroll-snap-align:start}.chip.active{background:var(--navy);color:#fff}.scroll-hint{pointer-events:none;position:absolute;right:0;top:0;bottom:0;width:72px;background:linear-gradient(90deg,transparent,var(--cream) 65%);display:grid;place-items:center}.scroll-hint span{margin-left:23px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--teal);box-shadow:0 3px 10px rgba(22,52,74,.14);animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:translateX(4px)}}.detail{padding:0 20px}.detail .art{height:245px;border-radius:28px}.detail .pack{width:102px;height:135px;font-size:23px}.detail-label{margin:20px 0 5px;color:var(--teal);font-size:11px;font-weight:900}.detail-row{display:flex;justify-content:space-between;gap:14px}.detail-row h2{margin:0;color:var(--navy);font-size:25px}.species{display:flex;gap:8px;margin:13px 0}.species span{background:var(--mint);color:var(--teal);font-size:11px;font-weight:800;padding:7px 11px;border-radius:999px}.description{color:#5f6d75;font-size:14px;line-height:1.55}.info{background:#fff;border-radius:18px;margin-top:18px;padding:0 15px}.info div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eef1f0;font-size:13px}.info div:last-child{border:0}.document{width:100%;margin-top:13px;padding:15px;border-radius:18px;background:#fff;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-weight:800}.detail-action{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eef1ef;padding:13px 16px max(14px,env(safe-area-inset-bottom));display:flex;gap:10px;z-index:22}.detail-action .primary{flex:1;background:var(--navy);color:#fff}.stepper{display:flex;align-items:center;background:var(--mint);border-radius:14px}.stepper button{background:transparent;padding:13px}.cart-list{padding:5px 20px}.cart-item{display:flex;gap:12px;background:#fff;border-radius:20px;padding:12px;margin-bottom:11px}.cart-item .art{width:80px;height:86px;flex:none}.cart-content{min-width:0;flex:1}.cart-content h3{margin:3px 0;color:var(--navy);font-size:15px}.cart-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.address,.profile-card,.menu{margin:15px 20px 0;background:#fff;border-radius:22px;padding:16px}.address{display:flex;gap:12px}.total{display:flex;justify-content:space-between;padding:20px}.submit{position:absolute;left:0;right:0;bottom:70px;background:#fff;border-top:1px solid #eee;padding:13px 16px;z-index:18}.submit .primary{width:100%;background:var(--navy);color:#fff}.empty,.success{text-align:center;padding:100px 28px}.empty .big,.success .big{font-size:60px}.empty h2,.success h2{color:var(--navy)}.profile-card{margin-top:0;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff}.avatar{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900}.profile-card h2{margin:16px 0 3px}.profile-card p{margin:0;color:rgba(255,255,255,.67);font-size:13px}.menu{padding:0}.menu button{width:100%;padding:16px;background:transparent;border-bottom:1px solid #eef1ef;display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-weight:800;text-align:left}.menu button:last-child{border:0}.offline{position:sticky;top:0;z-index:50;background:var(--coral);color:white;text-align:center;font-size:11px;padding:5px}.install{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:95px;width:min(390px,calc(100% - 28px));background:var(--navy);color:#fff;border-radius:18px;padding:14px;box-shadow:0 14px 45px rgba(22,52,74,.35);display:none;align-items:center;gap:12px}.install.show{display:flex}.install .primary{margin-left:auto;background:#fff;color:var(--navy);padding:9px 12px}.install-close{background:transparent;color:#fff;font-size:20px}.install-copy{font-size:12px;line-height:1.3}.install-copy b{display:block}.ios-help{font-size:11px;color:#51616a;background:#fff3de;margin:10px 20px 0;padding:10px 12px;border-radius:12px;display:none}#toast{position:fixed;z-index:200;left:50%;transform:translateX(-50%) translateY(20px);bottom:98px;background:var(--navy);color:white;padding:12px 16px;border-radius:14px;font-size:12px;font-weight:800;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:640px){body{padding:24px}.shell{height:840px;border:7px solid var(--navy);border-radius:42px}}