.paws-stage{--yellow:#ffce00;background:#fff5bb;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:6%;padding:44px max(44px,calc((100vw - 1120px)/2));min-height:880px;overflow:hidden}.paws-intro{position:relative;padding-bottom:185px}.paws-intro .back-link{margin-bottom:42px}.paws-intro h1{font-size:clamp(2.6rem,4.2vw,4rem);font-weight:550;letter-spacing:-.065em;line-height:1.08;margin-bottom:24px}.paws-description{max-width:385px;color:#56513d}.paws-intro .eyebrow{font-size:.72rem;color:#665e39}.journey-picker{display:grid;gap:0;max-width:365px;margin:32px 0}.journey-picker button{background:none;border:0;border-top:1px solid #d8ce99;display:flex;align-items:center;gap:18px;padding:16px 0;text-align:left;font:500 1rem Inter;cursor:pointer}.journey-picker button:last-child{border-bottom:1px solid #d8ce99}.journey-picker button span{font-size:.75rem;font-weight:400;color:#84794f}.journey-picker button b{margin-left:auto;font-weight:400;opacity:0}.journey-picker button[aria-pressed=true] b,.journey-picker button:hover b{opacity:1}.journey-picker button[aria-pressed=true]{color:#000}.paws-note p{font-size:.9rem;color:#615b41;margin:8px 0 12px}.demo-label{font-size:.68rem;letter-spacing:.13em;font-weight:600}.paws-note label{font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:7px}.paws-note input{accent-color:#332d1a;width:16px;height:16px}.paws-mascot{position:absolute;bottom:-40px;left:0;width:200px;height:auto;transform:rotate(-5deg)}.demo-column{width:100%;max-width:380px;justify-self:center}.phone-shell{padding:8px;background:#191a19;border:2px solid #4f504b;border-radius:49px;box-shadow:0 24px 60px #55461420,0 2px 3px #0004}#phone{position:relative;aspect-ratio:430/932;border-radius:39px;overflow:auto;background:white;scrollbar-width:none;outline:none;isolation:isolate}#phone::-webkit-scrollbar{display:none}#screen{position:relative;min-height:100%;background:#fff}#screen.enter{animation:screen-in .25s ease-out}.screen-art{width:100%;height:auto;pointer-events:none;user-select:none}.hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;color:transparent;padding:0}.hotspot:hover{background:#ffd00016;border-color:#e9b80045}.hotspot:focus-visible,.targets .hotspot{border-color:#775800;background:#ffce002c;outline:none}.hotspot:focus-visible:after,.targets .hotspot:hover:after{content:attr(aria-label);position:absolute;top:100%;left:0;background:#242016;color:#fff;font:12px/1.3 Inter;padding:5px 8px;z-index:10;min-width:100px;border-radius:4px}.demo-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:.8rem;gap:10px}.demo-controls button{background:none;border:0;cursor:pointer;color:#504a35;font:inherit;padding:6px}.demo-controls button:disabled{opacity:.3;cursor:default}.demo-controls span{font-weight:500}.demo-disclaimer{font-size:.7rem;line-height:1.5;text-align:center;color:#726845;margin:10px 0 0}.paws-footer{display:flex;justify-content:space-between;padding-top:45px;padding-bottom:45px}#toast{position:sticky;bottom:45px;width:88%;margin:-45px auto 0;text-align:center;border-radius:9px;background:#242016;color:white;font:13px/1.4 Inter;padding:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}#toast.show{opacity:1}dialog{width:min(420px,calc(100% - 36px));border:0;border-radius:20px;padding:30px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#201b1260}dialog h2{font-size:1.4rem;letter-spacing:-.035em;margin:14px 0}dialog p{font-size:.95rem}dialog img{max-height:130px;margin:auto}.dialog-close{float:right;border:0;background:#f4f4f4;border-radius:50%;width:32px;height:32px;font-size:24px;cursor:pointer}.demo-primary{display:block;width:100%;border:0;border-radius:30px;background:#ffce00;font:600 .9rem Inter;padding:16px;cursor:pointer}.scan-overlay{position:absolute;inset:20% 5% 23%;border:2px solid #ffce00;border-radius:20px;background:#ffce0011;pointer-events:none}.scan-overlay:after{content:'';position:absolute;left:0;right:0;height:2px;background:#ffce00;box-shadow:0 0 20px #ffd000;animation:scanning 1.1s ease-in-out infinite alternate}@keyframes scanning{from{top:5%}to{top:95%}}@keyframes screen-in{from{opacity:0}to{opacity:1}}@media(max-width:800px){.paws-stage{grid-template-columns:1fr;gap:30px;padding:32px 22px 44px}.paws-intro{padding-bottom:0}.paws-intro .back-link{margin-bottom:30px}.paws-intro h1{font-size:2.8rem}.paws-mascot{display:none}.journey-picker{max-width:none;margin:24px 0}.paws-note{margin-bottom:5px}.demo-column{max-width:390px}.phone-shell{border-radius:46px}.paws-description{max-width:480px}.paws-footer{padding:30px 24px}.demo-disclaimer{font-size:.75rem}}@media(prefers-reduced-motion:reduce){#screen.enter,.scan-overlay:after{animation:none}.scan-overlay:after{top:50%}}
.native-screen{font-family:Arial,sans-serif;min-height:100%;color:#080808}.native-status{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:relative;font-size:13px}.native-status i{position:absolute;left:36%;width:28%;height:28px;border-radius:24px;background:#000}.native-status span{font-size:10px}.native-body{padding:20px 18px 36px}.native-body h2{font-size:26px;letter-spacing:-.04em;line-height:1.18;margin:16px 0 22px}.native-body p{font:14px/1.5 Arial;color:#777}.native-body button,.native-body input,.native-body textarea{font-family:Arial,sans-serif}.native-bottom{display:flex;gap:12px;margin-top:30px;padding-bottom:5px}.yellow-button,.soft-button{border:0;border-radius:28px;padding:15px 12px;font-size:14px;font-weight:600;cursor:pointer;flex:1}.yellow-button{background:#ffce00}.soft-button{background:#f1f1f1}.pet-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;margin-top:35px}.pet-field{font-size:12px;color:#888;box-shadow:0 3px 8px #00000009;padding:12px 10px;border-radius:8px;min-width:0}.pet-field.wide{grid-column:1/-1}.pet-field input{display:block;width:100%;font-size:14px;color:#111;border:0;margin-top:5px;background:none;padding:0;line-height:1.5;min-width:0}.native-body .small-copy{font-size:12px;color:#888;margin-top:30px}.choice-button{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;background:white;border:1px solid #dedede;padding:18px 16px;margin:14px 0;border-radius:10px;text-align:left;font-size:15px;font-weight:600;cursor:pointer;gap:10px}.choice-button.active{border-color:#ffce00;background:#fffbea}.choice-button small{flex-basis:100%;font-weight:400;font-size:12px;color:#81732b}.recipe{border:1px solid #ddd;border-radius:11px;padding:17px;margin-top:18px}.recipe summary{font-size:17px;font-weight:700;cursor:pointer}.nutrition-chart{margin:30px auto 20px;width:205px;height:205px;border-radius:50%;background:conic-gradient(#ffed90 0 22%,white 22% 24%,#ffed90 24% 61%,white 61% 63%,#ffed90 63% 98%,white 98%);display:grid;place-items:center}.nutrition-chart>div{border-radius:50%;width:135px;height:135px;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.nutrition-chart b{font-size:26px}.nutrition-chart span{font-size:20px;font-weight:600}.chart-key{font-size:11px;display:flex;gap:10px;justify-content:center;color:#777}.recipe h3{font-size:18px;margin-top:25px;margin-bottom:12px}.recipe h3 small{display:block;font-size:12px;color:#888;font-weight:400;margin-top:6px}.recipe dl>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.5;margin-bottom:12px}.recipe dd{margin:0;white-space:nowrap}.native-body .recipe-meta{font-size:12px}.edit-profile{border:0;background:none;float:right;font-size:14px;color:#666;cursor:pointer}.pet-avatar{clear:both;width:100px;height:100px;border-radius:50%;margin:15px auto;background:#fff2b0 url('/assets/pawsome/avatar.png') center/cover}.native-body .pet-name{text-align:center;font-size:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center;font-size:14px}.profile-grid dt{font-size:12px;color:#888;margin-bottom:7px}.profile-grid dd{margin:0}.profile-links{margin-top:35px}.profile-links button{display:flex;align-items:center;gap:12px;border:0;background:white;padding:16px 0;width:100%;text-align:left;font-size:14px;cursor:pointer}.profile-links button span{background:#fff0a1;border-radius:50%;padding:6px;font-size:20px}.profile-links button b{margin-left:auto;color:#999}.app-nav{display:flex;position:sticky;bottom:0;background:white;padding:10px 15px 18px;box-shadow:0 -3px 12px #00000005}.app-nav button{flex:1;background:none;border:0;font-size:22px;cursor:pointer}.app-nav button small{display:block;font-size:10px;margin-top:3px}.app-nav .selected{color:#aa8600}.saved-item{background:#fff5bd;padding:10px;border-radius:6px}.modal-field{display:block;font-size:14px;margin:20px 0}.modal-field input,.modal-field textarea{display:block;margin-top:10px;border:1px solid #ddd;border-radius:8px;padding:12px;font:16px Inter;width:100%}.collection-list button{display:flex;justify-content:space-between;width:100%;padding:16px 0;border:0;border-bottom:1px solid #eee;background:white;text-align:left;font:14px Inter;cursor:pointer}

/* Keep prototype chrome, feedback, and dissolves within the device. */
.phone-viewport{position:relative;aspect-ratio:430/982;border-radius:39px;overflow:hidden;background:white;isolation:isolate;display:flex;flex-direction:column}
#phone{aspect-ratio:auto;flex:1;min-height:0;border-radius:0;overscroll-behavior:contain}
#screen.enter{animation:screen-in .3s ease-in-out}
.demo-controls{flex:none;height:44px;margin:0;padding:0 10px;background:#fff;border-top:1px solid #eee;font-size:11px;gap:3px;z-index:25}.demo-controls button{font-size:11px}.demo-controls span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#toast{position:absolute;bottom:62px;left:6%;margin:0;z-index:40}
#demo-dialog{position:absolute;inset:0;z-index:50;background:#201b125c;display:flex;align-items:center;padding:16px;animation:screen-in .3s ease-in-out}
#demo-dialog[hidden],#demo-menu[hidden]{display:none}
.dialog-panel{background:white;border-radius:20px;padding:20px;width:100%;max-height:90%;overflow:auto;overscroll-behavior:contain}.dialog-panel h2{font-size:22px;margin:14px 0}.dialog-panel p{font-size:14px}.dialog-panel img{max-height:130px;margin:auto}
#demo-menu{position:absolute;inset:0 0 44px;z-index:35;background:#fff8d5;padding:60px 22px 22px;overflow:auto;animation:screen-in .3s ease-in-out}#demo-menu .journey-picker{margin-top:55px}#demo-menu .journey-picker button{font-size:15px}
.dissolve-layer{position:absolute;inset:0 0 44px;overflow:hidden;z-index:24;pointer-events:none;background:white;animation:dissolve-out .3s ease-in-out forwards}
@keyframes dissolve-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){#screen.enter,#demo-dialog,#demo-menu,.dissolve-layer{animation:none}}
.design-input{position:absolute;border:0;border-radius:3px;background:white;color:#111;font:500 clamp(10px,1.1vw,14px) Arial;padding:0 2px;outline-offset:2px;min-width:0}.design-input:focus{outline:2px solid #ffce00}.design-label{position:absolute;display:flex;align-items:center;justify-content:center;background:white;color:#111;font:12px Arial;pointer-events:none;overflow:hidden}.profile-name{background:#fffbeb;font-size:15px;font-weight:600;letter-spacing:1px}.profile-data{font-size:11px}.health-name{background:#f1f1f1;font-weight:bold;font-size:15px}.button-cover{border-radius:40px;font-weight:600;font-size:14px}.button-cover.soft{background:#eee}.button-cover.yellow{background:#ffce00}.intro-slide{position:absolute;inset:10% 0 37%;background:white;text-align:center;padding:0 8%;pointer-events:none}.intro-slide img{height:62%;width:100%;object-fit:contain}.intro-slide h2{font:700 24px Arial;letter-spacing:0;margin:25px 0 16px}.intro-slide p{font:16px/1.5 Arial;margin:0}.intro-dots{position:absolute;top:64.9%;left:43%;width:13%;display:flex;justify-content:space-around;background:white;pointer-events:none}.intro-dots i{width:7px;height:7px;background:#ccc;border-radius:50%}.intro-dots .active{background:black}.saved-scan-link{position:absolute;top:68.3%;right:9%;border:0;border-radius:20px;background:#fff0a1;padding:6px 9px;font:12px Arial;cursor:pointer}

.menu-title{justify-content:flex-start;font-weight:700;font-size:26px;letter-spacing:-.04em}.menu-subtitle{justify-content:flex-start;color:#777;font-size:14px}
.reference-form{padding:22px 18px 35px;font-family:Arial,sans-serif}.reference-form h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:20px 0 24px}.reference-form>p{font-size:14px;color:#888;line-height:1.5}.reference-form label{display:block;font-size:13px;margin:18px 0}.reference-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.reference-form textarea,.reference-form select{display:block;width:100%;font:14px Arial;border:1px solid #eee;border-radius:6px;background:white;padding:12px 10px;margin-top:8px}.reference-form h3{font-size:14px;margin:26px 0 12px}.reference-form .check-row{display:flex;gap:6px;align-items:center;font-size:12px;margin-bottom:34px}.account-form{padding-top:80px}.account-divider{text-align:center;margin:20px 0;font-size:12px;color:#888}.text-button{border:0;background:none;width:100%;font:12px Arial;cursor:pointer}.reference-note{font:12px/1.5 Arial;color:#888}.food-comparison{border:1px solid #ddd;border-radius:8px;margin:14px 0;padding:17px 12px}.food-comparison[open]{border-color:#ffce00}.food-comparison summary{font-size:15px;font-weight:700;cursor:pointer}.comparison-body{display:grid;grid-template-columns:60px 1fr;gap:10px;margin-top:20px;align-items:center}.comparison-body img{width:60px}.rating-row{display:flex;justify-content:space-between;gap:5px;font-size:10px;font-weight:600;margin:10px 0}.rating-row>span:last-child{display:flex;gap:2px}.rating-row i{width:13px;height:9px;background:#eee;border-radius:8px}.rating-row .filled{background:#ffce00}.comparison-description{font:13px/1.5 Arial;color:#777}.attachment{border:1px dashed #ddd;padding:14px;text-align:center;cursor:pointer}.attachment input{font-size:11px;width:100%;margin-top:10px}.attachment span{display:block;font-size:11px;overflow-wrap:anywhere}.survey-button{border:0;background:#f4f4f4;border-radius:7px;width:100%;padding:12px;cursor:pointer}.reference-form fieldset{border:0;padding:0;margin:22px 0}.reference-form legend{font-size:13px}.reference-form .visibility{display:inline-flex;gap:5px;margin:10px 12px 10px 0;font-size:13px;align-items:center}.visibility input{accent-color:#ffce00}.question-preview{position:absolute;top:39%;left:5%;width:90%;height:13%;background:white;border:0;border-radius:15px;padding:22px;text-align:left;cursor:pointer;font-family:Arial}.question-preview b{display:block;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-preview span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;color:#777;margin-top:9px}.question-preview small{display:block;text-align:right;font-size:12px;color:#888;margin-top:10px}.food-guide-card{display:flex;align-items:center;gap:15px;margin:25px 0;padding:15px;background:#fff9d8;border-radius:12px}.food-guide-card h3{margin:0;font-size:16px}.food-guide-card small{font-size:10px;background:#e3edca;padding:4px;border-radius:4px}.food-guide-card p{font:13px/1.5 Arial;color:#666}.food-emoji{font-size:44px}.history-chip{border:0;border-radius:20px;background:#e9efd9;padding:9px 15px;cursor:pointer}

.question-pets{display:flex;gap:12px;flex-wrap:wrap}.question-pets legend{margin-bottom:10px}.reference-form .question-pet{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:86px;margin:0;padding:12px;border:1px solid #ddd;border-radius:8px;cursor:pointer}.question-pet.selected{border-color:#f5ca45;background:#fff9dc}.question-pet img{width:40px;height:40px;border-radius:50%}.question-pet input{position:absolute;opacity:0}.question-pet:focus-within{outline:2px solid #aa8600;outline-offset:2px}

.recorded-screen{aspect-ratio:455/959;position:relative;overflow:hidden;font-family:Arial,sans-serif}.recorded-screen>svg{display:block;width:100%;height:auto}.launch-bottom{position:absolute;bottom:0;height:6%;width:100%;background:#ffed99}.recorded-screen #recorded-account>input{position:absolute;left:8%;width:80%;height:3.7%;padding:0;border:0;background:#fff;font:500 14px Arial;color:#000;outline-offset:4px}.recorded-remember{position:absolute;left:5%;top:68.2%;width:48%;height:5%;background:white;display:flex;align-items:center;gap:6px;font:12px Arial}.recorded-remember input{accent-color:#111}.password-toggle{position:absolute;right:8%;top:61.2%;height:4%;width:8%;border:0;background:white;color:#999;cursor:pointer}.forgot-account{position:absolute;right:7%;top:68.5%;height:4%;background:white;color:#777;border:0;text-decoration:underline;font:12px Arial;cursor:pointer}.account-submit{position:absolute;left:5%;width:90%;top:80%;height:7%;border:0;border-radius:40px;background:transparent;cursor:pointer}.account-login{position:absolute;left:17%;width:68%;top:92%;height:4%;border:0;background:transparent;cursor:pointer}.account-submit:focus-visible,.account-login:focus-visible{outline:2px solid #816800}.purpose-body{padding:65px 20px 30px;min-height:calc(100% - 58px);display:flex;flex-direction:column}.purpose-body h2{font:700 28px/1.25 Arial;letter-spacing:-.02em;margin:15px 0 45px}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.purpose-grid button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;aspect-ratio:1;border:1px solid #d0d0d0;border-radius:7px;background:white;color:black;font:600 13px Arial;cursor:pointer}.purpose-grid button[aria-pressed=true]{background:#ffed99;border:2px solid #ffce00}.purpose-grid svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.purpose-body>.demo-primary{margin-top:140px}.recorded-screen input:focus-visible{outline:2px solid #aa8600}

.intro-carousel{position:absolute;inset:10% 0 37%;overflow:hidden;background:white;touch-action:pan-y;cursor:grab}.intro-carousel:active{cursor:grabbing}.intro-track{display:flex;width:100%;height:100%;transition:transform 360ms cubic-bezier(.22,.61,.36,1);will-change:transform}.intro-panel{flex:0 0 100%;min-width:0;height:100%;padding:0 8%;text-align:center;box-sizing:border-box;background:white;user-select:none}.intro-panel img{height:62%;width:100%;object-fit:contain;pointer-events:none}.intro-panel h2{font:700 24px Arial;letter-spacing:0;margin:25px 0 16px}.intro-panel p{font:16px/1.5 Arial;margin:0}.intro-pagination{position:absolute;top:63%;left:40%;width:20%;height:5%;display:flex;align-items:center;justify-content:center;background:#fff}.intro-pagination button{width:20px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.intro-pagination button:after{content:'';width:7px;height:7px;background:#ccc;border-radius:50%}.intro-pagination button.active:after{background:#000}.intro-pagination button:focus-visible{outline:2px solid #ad8700;border-radius:8px}@media(prefers-reduced-motion:reduce){.intro-track{transition:none}}

.opening-screen{position:relative;aspect-ratio:430/932;overflow:hidden;background:#ffea8b}.opening-first{position:absolute;inset:0;animation:opening-out .7s linear 2.6s both}.opening-status{position:absolute;top:0;left:0;width:100%;height:auto}.opening-logo{position:absolute;top:31.8%;left:32.1%;width:37.4%;height:auto}.opening-box{position:absolute;top:75.6%;left:7.9%;width:84.6%;height:auto}.opening-reveal{display:block;width:100%;height:auto;animation:opening-in .7s linear 2.6s both}.opening-screen .hotspot:hover{background:transparent;border-color:transparent}@keyframes opening-in{from{opacity:0}to{opacity:1}}@keyframes opening-out{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.opening-first{display:none}.opening-reveal{animation:none}}

.click-opening{position:relative;overflow:hidden;background:#ffee96}.welcome-scene{display:block;width:100%;height:auto;min-height:100%}.click-opening .moving-logo{transform-origin:438px 720px;transition:transform 800ms cubic-bezier(.22,.61,.36,1)}.click-opening .growing-box{transform-origin:438px 1770px;transition:transform 800ms cubic-bezier(.22,.61,.36,1)}.click-opening .rising-dog{transform:translateY(650px);transition:transform 850ms cubic-bezier(.22,.61,.36,1) 180ms}.welcome-greeting{opacity:0;transition:opacity 350ms ease 500ms}.click-opening.is-open .exact-first-frame{visibility:hidden}.click-opening.is-open .moving-logo{transform:translateY(-310px) scale(.5)}.click-opening.is-open .growing-box{transform:translateY(130px) scale(1.45)}.click-opening.is-open .rising-dog{transform:translateY(0)}.click-opening.is-open .welcome-greeting{opacity:1}.click-opening .hotspot:hover{background:transparent;border-color:transparent}@media(prefers-reduced-motion:reduce){.click-opening .moving-logo,.click-opening .growing-box,.click-opening .rising-dog,.welcome-greeting{transition:none}}


/* One continuous composition: no image or viewport replacement at rest. */
.aligned-mascot{opacity:0;transition:opacity 120ms linear 400ms}.dog-from-box{transform:translateY(460px);transition:transform 850ms cubic-bezier(.22,.61,.36,1) 450ms}.click-opening.is-open .aligned-mascot{opacity:1}.click-opening.is-open .dog-from-box{transform:translateY(0)}.click-opening.is-open .growing-box{transition-duration:450ms}.solid-front{pointer-events:none;opacity:1}.front-scale{transform-origin:438px 1770px;transition:transform 450ms cubic-bezier(.22,.61,.36,1)}.click-opening.is-open .front-scale{transform:translateY(130px) scale(1.45)}.click-opening.is-open .solid-front{animation:release-paws 180ms ease-out 1120ms forwards}@keyframes release-paws{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.aligned-mascot,.dog-from-box,.front-scale{transition:none}.click-opening.is-open .solid-front{animation:none;opacity:0}}

.food-destination{padding:16px 18px 30px;font-family:Arial,sans-serif;min-height:720px;display:flex;flex-direction:column}.food-destination header{display:flex;align-items:center;gap:6px;margin:8px 0 20px}.food-destination h2{font:700 25px/1.15 Arial;letter-spacing:-.03em;margin:0;flex:1}.food-destination header button{background:none;border:0;font:300 30px Arial;cursor:pointer;padding:5px}.food-collection-cards{display:grid;gap:14px}.food-collection-cards article{display:flex;min-height:125px;border-radius:9px;overflow:hidden;box-shadow:0 3px 8px #00000009}.food-collection-cards svg{width:36%;flex:none;align-self:stretch;background:#ffee96}.food-collection-cards article>div{flex:1;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.food-destination h3{font:700 17px/1.25 Arial;margin:0}.food-destination article p{display:flex;justify-content:space-between;gap:8px;font:12px Arial;margin:6px 0 0}.reference-add-plan{margin-top:auto;padding:19px 8px;text-align:center;border-radius:40px;background:#ffce00;font:600 17px Arial}.food-destination .explore-subtitle{font:14px/1.4 Arial;margin:-10px 0 18px}.breed-reference{margin:0 -18px}.breed-reference svg{display:block;width:100%}.reference-filters{padding:14px 10px;margin:15px 0;box-shadow:0 3px 6px #0000000a;border-radius:6px}.reference-filters small{color:#888;font:12px Arial}.reference-filters>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.reference-filters span{background:#ffe18b;border-radius:18px;padding:5px 8px;font:600 12px Arial}.explore-meal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.explore-meal-grid article{padding:10px;border-radius:10px;background:#ffee96}.explore-meal-grid img,.explore-meal-grid svg{width:100%;height:104px;object-fit:contain;display:block;margin-bottom:7px}.explore-meal-grid h3{font-size:15px}.explore-meal-grid article p{font-size:11px}