:root{--cream:#fff;--cream-2:#fcebc7;--peach:#ffd89e;--peach-2:#ffc675;--coral:#f90;--coral-2:#e07e00;--honey:#f4b860;--honey-2:#d9a21c;--sage:#7a9456;--sage-2:#5a7a3e;--rose:#c44a36;--brown:#1f1a12;--brown-2:#3d2f1f;--brown-3:#7a6a52;--white:#fffefb;--line:#e8dcc0;--line-2:#f1e6cb;--bg-app:#fff;--success:#5a7a3e;--danger:#c44a36;--warning:#d9a21c;--shadow-xs:0 1px 2px #2d18100f;--shadow-sm:0 2px 8px #2d181014;--shadow-md:0 8px 20px #2d18101a;--shadow-lg:0 18px 40px #2d18102e;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-pill:999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--brown);background:#ede1c6;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.font-display{font-optical-sizing:auto;letter-spacing:-.02em;font-family:Bricolage Grotesque,Georgia,serif}.workspace{justify-content:center;align-items:flex-start;width:100%;display:flex}.phone-frame{background:var(--cream);width:100%;max-width:500px;min-height:100vh;position:relative;overflow:visible;box-shadow:0 0 50px #2d18101a}.phone-notch{display:none}.phone-screen{width:100%;min-height:100vh;position:relative}.screen{min-height:100vh;padding-bottom:100px;display:none}.screen.active{animation:.28s cubic-bezier(.18,.7,.25,1) fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.status-bar{color:var(--brown);justify-content:space-between;align-items:center;padding:14px 24px 6px;font-size:12px;font-weight:700;display:flex}.status-icons{align-items:center;gap:6px;display:flex}.picker-toggle{z-index:997;background:var(--brown);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 14px 10px 12px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex;position:fixed;bottom:92px;right:20px;box-shadow:0 8px 20px #1f1a124d}.picker-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1f1a125c}.picker-toggle svg{width:14px;height:14px}.picker-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;background:#1f1a1273;transition:opacity .25s;position:fixed;inset:0}.picker-overlay.open{opacity:1;pointer-events:auto}.picker{background:var(--white);z-index:999;border-left:1px solid var(--line);width:90%;max-width:320px;padding:22px 18px 28px;transition:transform .32s cubic-bezier(.18,.7,.25,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 40px #1f1a1233}.picker.open{transform:translate(0)}.picker-close{background:var(--white);border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;margin:-22px -18px 6px;padding:12px 18px;display:flex;position:sticky;top:-22px}.picker-close button{background:var(--bg-app);width:32px;height:32px;color:var(--brown);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:300;display:flex}.picker-close button:hover{background:var(--cream-2)}.picker h3{color:var(--brown);margin-bottom:4px;font-family:Bricolage Grotesque,serif;font-size:18px;font-weight:700}.picker .sub{color:var(--brown-3);margin-bottom:12px;font-size:11px}.picker .group{text-transform:uppercase;letter-spacing:.1em;color:var(--coral);margin:14px 6px 6px;font-size:10px;font-weight:800}.picker button.nav-btn{text-align:left;width:100%;color:var(--brown-2);border-radius:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:block}.picker button.nav-btn:hover{background:var(--cream-2);color:var(--brown)}.picker button.nav-btn.active{background:var(--coral);color:#fff}@media (max-width:520px){.phone-frame{box-shadow:none}.picker-toggle{padding:9px 12px 9px 10px;font-size:11px;bottom:84px;right:14px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px}.cat-pill{aspect-ratio:1;padding:14px 8px 12px}.cat-emoji{font-size:30px}.cat-label{text-align:center;word-break:break-word;font-size:11px}}@media (max-width:360px){.cat-grid{grid-template-columns:1fr}}.btn{border-radius:var(--r-pill);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 6px 14px #e8743f52}.btn-primary:hover{background:var(--coral-2)}.btn-secondary{background:var(--brown);color:#fff}.btn-ghost{background:var(--cream-2);color:var(--brown)}.btn-outline{color:var(--brown);border:1.5px solid var(--brown);background:#fff}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:12px}.btn-icon{width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.input{border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--brown);background:#fff;padding:14px 16px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 4px #e8743f1f}.input::placeholder{color:var(--brown-3);font-weight:500}.label{color:var(--brown-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.badge{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-coral{color:var(--coral-2);background:#e8743f24}.badge-sage{color:var(--sage-2);background:#6b8a5a24}.badge-honey{color:#8e5c0e;background:#f4b86033}.badge-rose{color:#9c2f33;background:#d96f7324}.badge-dark{background:var(--brown);color:#fff}.card{border-radius:var(--r-md);box-shadow:var(--shadow-xs);border:1px solid var(--line-2);background:#fff}.appbar{z-index:50;background:var(--cream);border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.appbar.scrim{background:linear-gradient(to bottom, var(--cream) 60%, transparent)}.appbar-title{font-family:Bricolage Grotesque,serif;font-size:18px;font-weight:700}.bottom-nav{border-top:1px solid var(--line-2);z-index:90;background:#fff;justify-content:space-around;width:100%;max-width:500px;padding:10px 8px 14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 20px #2d18100f}.nav-tab{color:var(--brown-3);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:700;display:flex;position:relative}.nav-tab.active{color:var(--coral)}.nav-tab.active .nav-dot{opacity:1;transform:scale(1)}.nav-dot{background:var(--coral);opacity:0;border-radius:50%;width:4px;height:4px;transition:all .2s;position:absolute;top:-4px}.nav-tab svg{width:22px;height:22px}.hero{border-radius:var(--r-xl);background:linear-gradient(135deg, var(--coral) 0%, #f09063 100%);color:#fff;margin:6px 16px 18px;padding:22px 22px 24px;position:relative;overflow:hidden;box-shadow:0 14px 30px #e8743f4d}.hero:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 65%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-30px;right:-30px}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:10px;font-weight:800}.hero h1{margin:8px 0 6px;font-family:Bricolage Grotesque,serif;font-size:26px;font-weight:800;line-height:1.15}.hero p{opacity:.95;max-width:240px;margin-bottom:14px;font-size:13px}.hero-cta{color:var(--coral-2);background:#fff}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px;display:grid}.cat-pill{border-radius:var(--r-md);box-shadow:var(--shadow-xs);border:1px solid var(--line-2);cursor:pointer;aspect-ratio:1.15;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:16px 8px 14px;transition:transform .15s,box-shadow .2s;display:flex}.cat-pill:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cat-pill:active{transform:scale(.96)}.cat-emoji{margin-bottom:6px;font-size:34px}.cat-label{color:var(--brown);letter-spacing:-.01em;text-align:center;overflow-wrap:anywhere;font-size:12px;font-weight:800}.section-head{justify-content:space-between;align-items:baseline;padding:22px 20px 12px;display:flex}.section-head h2{letter-spacing:-.01em;font-family:Bricolage Grotesque,serif;font-size:20px;font-weight:700}.section-head .link{color:var(--coral);font-size:12px;font-weight:700}.product-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 16px 8px;display:flex;overflow-x:auto}.product-row::-webkit-scrollbar{display:none}.product-card{border-radius:var(--r-md);border:1px solid var(--line-2);scroll-snap-align:start;background:#fff;flex-shrink:0;width:158px;transition:transform .15s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-2px)}.product-img{background:linear-gradient(135deg, var(--cream-2), var(--peach));justify-content:center;align-items:center;height:140px;font-size:60px;display:flex;position:relative;overflow:hidden}.product-img img{object-fit:cover;width:100%;height:100%}.product-img.dog{background:linear-gradient(135deg,#ffe4cc,#ffb88a)}.product-img.cat{background:linear-gradient(135deg,#ffd89e,#f4b860)}.product-img.treat{background:linear-gradient(135deg,#fff1c8,#f4b860)}.product-img.acc{background:linear-gradient(135deg,#fcebc7,#ffd89e)}.product-card .heart{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;right:8px}.product-card .heart svg{width:16px;height:16px}.product-card .heart.on svg{fill:var(--rose);stroke:var(--rose)}.product-info{padding:10px 12px 14px}.product-info .brand{color:var(--brown-3);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.product-info .name{color:var(--brown);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin:3px 0 6px;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-info .price{color:var(--coral-2);font-family:Bricolage Grotesque,serif;font-size:17px;font-weight:700}.product-info .price .old{color:var(--brown-3);margin-left:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:500;text-decoration:line-through}.product-info .meta{color:var(--brown-3);justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}.product-info .rating{color:var(--brown-2);align-items:center;gap:3px;font-weight:700;display:flex}#productsGrid .product-card,#cat-products .product-card{max-width:236px;margin:0 auto}#productsGrid .product-img,#cat-products .product-img{height:170px}#cat-products-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 100px;display:grid}#cat-products-grid .product-img{border-radius:0;height:230px}.flash-strip{border-radius:var(--r-lg);color:#1b140d;background:radial-gradient(circle at 92% 12%,#ffffff6b,#0000 42%),radial-gradient(circle at 14% 90%,#ffb63859,#0000 38%),linear-gradient(112deg,#fff2d8 0%,#ffc96e 56%,#ffa522 100%);border:1px solid #ff9f2a80;justify-content:space-between;align-items:center;gap:12px;margin:8px 16px 0;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #dd84174d}.flash-strip .label{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.flash-strip .title{color:#111;letter-spacing:.03em;background:#fff6e1a6;border:1px solid #ffb03f99;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-family:Bricolage Grotesque,serif;font-size:16px;font-weight:800;display:inline-flex;box-shadow:inset 0 -1px #ffffff59}.flash-strip .sub{color:#1d1409;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 1px #ffffff47;font-size:10px;font-weight:900}.timer{align-items:center;gap:5px;display:flex}.timer .t-box{color:#2d180f;text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#ffc56d 0%,#ffa11c 100%);border:1px solid #ffa128b3;border-radius:8px;min-width:30px;padding:6px 7px;font-size:12px;font-weight:900;box-shadow:inset 0 -2px #af5e0447,0 6px 12px #d87e0a59}.timer .t-sep{color:#7a3e00;text-shadow:0 1px #ffffff59;margin:0 1px;font-size:18px;font-weight:900;line-height:1}.reorder-reminder{border-radius:var(--r-md);border:2px dashed var(--coral);background:linear-gradient(135deg,#fff4d8 0%,#ffe2ac 100%);align-items:center;gap:12px;margin:12px 16px 4px;padding:14px;animation:2.2s ease-in-out infinite reorderGlow;display:flex;box-shadow:0 10px 20px #e07e002e}.reorder-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--coral-2);border-radius:999px;align-items:center;gap:6px;margin-bottom:5px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.reorder-btn{background:var(--danger);color:#fff;padding:10px 16px;font-size:12px;animation:1.5s ease-in-out infinite reorderPulse;box-shadow:0 8px 16px #c44a3659}@keyframes reorderGlow{0%,to{box-shadow:0 10px 20px #e07e0029}50%{box-shadow:0 14px 24px #e07e0047}}@keyframes reorderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.reorder-clock{transform-origin:50% 68%;filter:drop-shadow(0 3px 8px #e07e0047);font-size:31px;line-height:1;animation:1s ease-in-out infinite alarmRing;display:inline-block}@keyframes alarmRing{0%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-14deg)scale(1.02)}20%{transform:rotate(14deg)scale(1.02)}30%{transform:rotate(-11deg)scale(1.01)}40%{transform:rotate(11deg)scale(1.01)}50%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}70%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.auth-screen{background:radial-gradient(circle at 80% 0%, #f4b8604d, transparent 50%), radial-gradient(circle at 0% 100%, #e8743f33, transparent 50%), var(--cream);min-height:100%;padding:60px 28px 40px}.auth-logo{color:var(--brown);align-items:center;gap:10px;margin-bottom:32px;font-family:Bricolage Grotesque,serif;font-size:28px;font-weight:800;display:flex}.auth-logo .logo-mark{background:var(--coral);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;box-shadow:0 6px 12px #e8743f52}.auth-title{margin-bottom:6px;font-family:Bricolage Grotesque,serif;font-size:30px;font-weight:800;line-height:1.15}.auth-sub{color:var(--brown-3);margin-bottom:24px;font-size:13px}.field-group{margin-bottom:14px}.auth-actions{margin-top:18px}.auth-divider{color:var(--brown-3);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:22px 0;font-size:11px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.social-row{gap:10px;display:flex}.social-btn{border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:700;display:flex}.auth-foot{text-align:center;color:var(--brown-3);margin-top:26px;font-size:13px;font-weight:600}.auth-foot a{color:var(--coral);font-weight:800}.search-bar{align-items:center;gap:10px;padding:10px 16px 0;display:flex}.search-input{border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;flex:1;align-items:center;gap:10px;padding:12px 18px;display:flex}.search-input input{background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:600}.search-input input::placeholder{color:var(--brown-3);font-weight:500}.cart-item{border-radius:var(--r-md);border:1px solid var(--line-2);background:#fff;gap:12px;margin:0 16px 10px;padding:12px;display:flex}.cart-img{background:linear-gradient(135deg, var(--cream-2), var(--peach));border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:38px;display:flex}.cart-body{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.cart-body .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-body .variant{color:var(--brown-3);margin-top:2px;font-size:11px}.cart-foot{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.cart-price{color:var(--coral-2);font-family:Bricolage Grotesque,serif;font-size:15px;font-weight:700}.qty-control{background:var(--cream-2);border-radius:var(--r-pill);align-items:center;gap:8px;padding:2px;display:flex}.qty-control button{width:26px;height:26px;color:var(--brown);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.qty-control .qty{text-align:center;min-width:22px;font-size:13px;font-weight:800}.summary-row{color:var(--brown-2);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:600;display:flex}.summary-row.total{border-top:1.5px dashed var(--line);color:var(--brown);margin-top:6px;padding-top:14px;font-size:16px;font-weight:800}.summary-row .v{color:var(--brown);font-family:Bricolage Grotesque,serif;font-size:14px;font-weight:700}.summary-row.total .v{color:var(--coral-2);font-size:22px}.sheet-foot{border-top:1px solid var(--line-2);z-index:60;background:#fff;padding:14px 16px 16px;position:sticky;bottom:80px;left:0;right:0;box-shadow:0 -10px 24px #2d18100f}.sheet-foot.no-nav{bottom:0}.profile-head{background:linear-gradient(135deg, var(--coral) 0%, #f09063 100%);color:#fff;padding:20px 20px 50px;position:relative;overflow:hidden}.profile-head:before{content:"";background:radial-gradient(circle,#ffffff29,#0000 65%);border-radius:50%;width:180px;height:180px;position:absolute;top:-30px;right:-40px}.avatar{background:var(--cream);width:64px;height:64px;color:var(--brown);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-family:Bricolage Grotesque,serif;font-size:22px;font-weight:700;display:flex}.profile-stats{border-radius:var(--r-md);box-shadow:var(--shadow-md);background:#fff;grid-template-columns:repeat(3,1fr);margin:-30px 16px 16px;padding:16px 8px;display:grid;position:relative}.profile-stats>div{text-align:center;border-right:1px solid var(--line-2)}.profile-stats>div:last-child{border-right:none}.profile-stats .v{color:var(--brown);font-family:Bricolage Grotesque,serif;font-size:18px;font-weight:800}.profile-stats .l{color:var(--brown-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.list-section{border-radius:var(--r-md);border:1px solid var(--line-2);background:#fff;margin:0 16px 12px;overflow:hidden}.list-item{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.list-item:last-child{border-bottom:none}.list-item .icon-wrap{background:var(--cream-2);width:36px;height:36px;color:var(--coral);border-radius:12px;justify-content:center;align-items:center;display:flex}.list-item .icon-wrap svg{width:18px;height:18px}.list-item .grow{flex:1}.list-item .sub{color:var(--brown-3);margin-top:2px;font-size:11px;font-weight:500;display:block}.list-item .chev{color:var(--brown-3)}.timeline{padding:10px 28px;position:relative}.timeline-item{gap:14px;padding-bottom:22px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--line);color:#fff;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.timeline-item.done .timeline-dot{background:var(--sage)}.timeline-item.current .timeline-dot{background:var(--coral);box-shadow:0 0 0 4px #e8743f2e}.timeline-item:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-item.done:not(:last-child):before{background:var(--sage)}.timeline-content{flex:1;padding-top:1px}.timeline-content .title{color:var(--brown);font-size:13px;font-weight:800}.timeline-content .time{color:var(--brown-3);margin-top:2px;font-size:11px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:14px}.font-bold{font-weight:800}.font-semibold{font-weight:700}.text-muted{color:var(--brown-3)}.text-coral{color:var(--coral-2)}.divider{background:var(--bg-app);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);height:8px}.product-gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:10px;padding:4px 16px 8px;scroll-padding:16px;display:flex;overflow-x:auto}.product-gallery::-webkit-scrollbar{display:none}.gallery-card{aspect-ratio:1;scroll-snap-align:center;background:var(--cream-2);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:calc(100% - 80px);font-size:130px;transition:transform .25s;display:flex;overflow:hidden;box-shadow:0 8px 22px #1f1a121a}.gallery-card img{object-fit:cover;width:100%;height:100%}.gallery-card:hover{transform:scale(1.01)}.g-dot{background:#1f1a1233;border-radius:50%;width:6px;height:6px;transition:all .25s}.g-dot.active{background:var(--brown);border-radius:3px;width:22px}.paw-bg{background-image:radial-gradient(#e8743f1a 1.5px,#0000 1.5px);background-size:24px 24px}.filter-chip{border:1px solid var(--line);letter-spacing:.02em;cursor:pointer;color:var(--brown);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex}.filter-chip:hover{transform:translateY(-1px)}.filter-chip.active{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:0 4px 12px #ff990052}.filter-chip.filter-trigger{background:var(--brown);color:#fff;border-color:var(--brown)}.products-empty{text-align:center;color:var(--brown-3);background:var(--cream-2);border-radius:var(--r-md);border:1px dashed var(--line);grid-column:1/-1;padding:36px 20px}.products-empty .icon{margin-bottom:8px;font-size:38px}.products-empty .title{color:var(--brown);font-size:14px;font-weight:800}.products-empty .desc{margin-top:2px;font-size:12px}.toast{background:var(--brown);color:#fff;z-index:9999;opacity:0;white-space:nowrap;pointer-events:none;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:700;transition:all .32s cubic-bezier(.18,.7,.25,1);position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 12px 28px #1f1a124d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.toast-success{background:var(--sage-2)}.toast.toast-error{background:var(--danger)}.toast.toast-info{background:var(--brown)}@keyframes heartPulse{0%,to{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(.95)}60%{transform:scale(1.15)}}.heart.pulse{animation:.45s heartPulse}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background:var(--line);border-radius:24px;transition:background .25s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.18,.7,.25,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000002e}.toggle-switch input:checked+.slider{background:var(--sage)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.btn{transition:transform .12s,box-shadow .2s,background .2s}.btn:active{transform:translateY(1px)scale(.97)}.btn-icon{transition:transform .12s,box-shadow .2s}.btn-icon:active{transform:scale(.92)}.qty-control button{transition:transform .1s,background .15s}.qty-control button:active{transform:scale(.85)}.product-card{transition:transform .2s,box-shadow .2s}.product-card:active{transform:scale(.97)}.list-item{cursor:pointer;transition:background .15s}.list-item:active{background:var(--cream-2)}.welcome-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#1f1a128c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:none;position:fixed;inset:0}.welcome-overlay.show{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal{color:#fff;text-align:center;background:linear-gradient(160deg,#f90 0%,#e07e00 60%,#b8580a 100%);border-radius:28px;width:100%;max-width:380px;padding:44px 28px 28px;animation:.4s cubic-bezier(.18,.7,.25,1) modalUp;position:relative;overflow:hidden;box-shadow:0 30px 70px #1f1a1266}@keyframes modalUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}.welcome-modal .paw-deco{opacity:.22;font-size:32px;position:absolute}.welcome-close{color:#fff;z-index:5;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:300;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.welcome-close:hover{background:#ffffff47}.welcome-logo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff2e;border-radius:28px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;font-size:56px;display:flex;position:relative;box-shadow:0 16px 30px #0000002e}.welcome-modal h1{letter-spacing:-.03em;z-index:2;margin-bottom:12px;font-family:Bricolage Grotesque,serif;font-size:42px;font-weight:900;line-height:.95;position:relative}.welcome-modal .tagline{opacity:.95;z-index:2;max-width:260px;margin:0 auto 28px;font-size:13px;font-weight:600;line-height:1.5;position:relative}.welcome-modal .btn-shop{color:var(--coral-2);z-index:2;background:#fff;border-radius:999px;width:100%;margin-bottom:10px;padding:14px 22px;font-size:14px;font-weight:800;position:relative;box-shadow:0 4px 14px #0000001a}.welcome-modal .btn-register{color:#fff;z-index:2;background:0 0;border:1.5px solid #ffffff80;border-radius:999px;width:100%;padding:14px 22px;font-size:14px;font-weight:800;position:relative}.welcome-modal .v-stamp{opacity:.7;letter-spacing:.12em;text-transform:uppercase;z-index:2;margin-top:22px;font-size:10px;font-weight:800;position:relative}section[data-screen=product] .gallery-card{width:206px;aspect-ratio:unset;border-radius:16px;height:230px;font-size:92px}section[data-screen=product].screen.active{height:100vh;min-height:unset;flex-direction:column;padding-bottom:0;overflow:hidden;display:flex!important}
