:root{--ink:var(--navy);--clay:var(--palette-denim);--sage:var(--palette-slate);--line:color-mix(in srgb,var(--palette-navy) 20%,transparent);--soft:var(--palette-panel);--ivory:var(--palette-cream);--radius:18px;--nudog-action-frame:13px 9px 14px 8px / 9px 13px 8px 12px;--nudog-box-frame:22px 15px 24px 14px / 15px 23px 14px 21px;--navy:var(--palette-navy);--blue:var(--accent);--paper:var(--palette-cream);--white:var(--palette-cream);--raspberry:var(--accent);--muted:color-mix(in srgb, var(--palette-navy) 70.2%, transparent);--radius-card:24px;--radius-control:12px;--radius-pill:999px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--page-width:1200px;--body-font:'Nudog DM Sans',Arial,sans-serif;--heading-font:'Nu Baloo 2',Arial,sans-serif;--accent:var(--palette-denim);--support:var(--palette-cream);--warm-apricot:var(--palette-denim);--warm-apricot-soft:var(--palette-panel);--warm-apricot-deep:var(--palette-denim);--warm-terracotta:var(--palette-action);--warm-terracotta-deep:var(--palette-action-hover);--palette-navy:#44134F;--palette-slate:#44134F;--palette-denim:#E9CCFA;--palette-action:#F7FB77;--palette-cream:#FAF9F6;--palette-panel:color-mix(in srgb,var(--palette-denim) 35%,var(--palette-cream));--palette-action-hover:#E9EE62;--palette-footer:#240529;--palette-white:#FFFFFF;--palette-error:#9B1C31;} /* Frozen pre-rebuild compatibility layer. New components live in design-system.css. */ @layer compatibility { /* Compatibility source: brand-cleanup-v624.css */ @layer nudog-feeding-card; @layer nudog-type-hierarchy; @layer nudog-polish; @layer nudog-footer-layout; @layer nudog-footer-design; @layer nudog-product-design, nudog-cleanup; @font-face{font-family:"Nudog DM Sans";src:url("/__l5e/assets-v1/ae9f8066-c1cf-47d6-aec8-f21fa6736a58/nudog-dm-sans.ttf") format("truetype");font-style:normal;font-weight:100 1000;font-display:swap} /* Keep focus on controls; anchor destinations must not draw section-wide boxes. */ @layer nudog-cleanup { html.ux-review body #app #range-doors:focus{outline:none} html.ux-review body :focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} html.ux-review body #app #main :is(.nu-hero-cta,.nu-hero-controls button):focus-visible, html.ux-review body #app>footer :focus-visible{outline-color:var(--palette-denim)} html.ux-review body #app #main :is(.nu-door-fresh,.nu-door-cold) h2 span{color:var(--palette-navy)} html.ux-review body #app #main :is(.nu-door-fresh,.nu-door-cold) .btn{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)} html.ux-review body .chat-launcher{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-cream)} html.ux-review body .chat-launcher svg{color:var(--palette-cream)} html.ux-review body #app #main .nu-door-offer strong{color:var(--palette-navy)} html.ux-review body #app #main .nu-food-door a.nu-door-offer{border-color:var(--palette-navy)} } /* Landing page visual standards only: no structural or behavioural changes. */ @layer nudog-cleanup { html.ux-review .home-page :is(h1,h2,h3,h4,p,a,button,label,input,select,summary,small){font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review .home-page :is(h1,h2,h3,h4,button,.btn,.nu-hero-cta){font-weight:700} html.ux-review .home-page :is(p,label,input,select){font-weight:400} html.ux-review .home-page h2{font-size:52px;line-height:1.12} html.ux-review .home-page :is(.nu-door-panel h2,.nu-door-mix h2){font-size:36px;line-height:1.15} html.ux-review .home-page h3{font-size:24px;line-height:1.25} html.ux-review .home-page :is(.nu-door-label,.nu-door-offer,.nu-award-source,.eyebrow,small){font-size:16px;line-height:1.4} html.ux-review .home-page :is(.nu-door-label,.eyebrow){font-weight:600} html.ux-review .home-page :is(.btn,.card-action,button[type=submit]){font-size:18px;font-weight:700;border-radius:999px;background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)} html.ux-review .home-page .nu-hero-cta{background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-denim)} html.ux-review .home-page :is(.nu-food-door,.nu-door-panel,.nu-door-mix,.nu-natural-intro,.recipe-card,.journal-card,.clean-review-card,.review-card,.feeding-tool,.nu-feeding-widget,.clean-faq details){border-radius:24px;box-shadow:none} html.ux-review .home-page :is(.nu-door-panel,.nu-food-door,.nu-natural-intro,.nu-door-mix){background:var(--palette-panel);color:var(--palette-navy)} html.ux-review .home-page .clean-journal{background:var(--palette-cream);color:var(--palette-navy)} html.ux-review .home-page .clean-journal .journal-card{background:var(--palette-cream);color:var(--palette-navy)} html.ux-review .home-page :is(.nu-door-offer,.nu-door-offer strong){color:var(--palette-navy)} @media(max-width:850px){ html.ux-review .home-page h2{font-size:36px;line-height:1.12} html.ux-review .home-page :is(.nu-door-panel h2,.nu-door-mix h2){font-size:32px;line-height:1.15} html.ux-review .home-page .nu-heritage-title{font-size:44px;line-height:1.08} html.ux-review .home-page h3{font-size:22px} html.ux-review .home-page :is(.nu-food-door,.nu-door-panel,.nu-door-mix,.nu-natural-intro,.recipe-card,.journal-card,.clean-review-card,.review-card,.feeding-tool,.nu-feeding-widget,.clean-faq details){border-radius:24px} } } @layer nudog-cleanup { html.ux-review .home-page p.nu-door-origin{font-weight:600} } @layer nudog-cleanup { html.ux-review body #app :is(p,li,label,input,select,textarea,small,blockquote,figcaption,.detailsbody,.card-ingredients,.card-pack,.card-price-context,.card-oneoff-price){font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:400;font-optical-sizing:auto} html.ux-review body #app footer a:not(.btn){font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:400} html.ux-review body #app :is(h1,h2,h3,h4,summary,.btn,.card-action,.nu-hero-cta,.eyebrow,.nu-door-label,p.nu-door-origin){font-family:'Nu Baloo 2',Arial,sans-serif} html.ux-review body #app :is(.eyebrow,.nu-door-label,p.nu-door-origin){font-weight:600} } /* Shared shop and product presentation; purchase markup and logic are unchanged. */ @layer nudog-cleanup { html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(h1,h2,h3,h4,summary,.btn,.card-action,button){font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:700} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(.card-range,.card-pack,.nu-card-unit,.card-price-context,.card-oneoff-price,.card-ingredients,.conceptlabel,.card-concept,.premium-benefit-badges,.premium-benefit-badges span){font-family:'Nudog DM Sans',Arial,sans-serif} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(.recipe-card,.purchase-panel,.nu-purchase-options,.product-benefit-details,.gallery-benefits){border-radius:24px;box-shadow:none} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(.recipe-card,.card-body,.purchase-panel,.nu-purchase-options){background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-navy)} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(.btn,.card-action){background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy);border-radius:999px;font-size:18px} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) .nu-review-badge{background:var(--palette-cream);color:var(--palette-navy);border-color:var(--palette-navy);border-radius:12px} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) .nu-review-badge :is(span,strong){color:var(--palette-navy)} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) .premium-benefit-badges :is(span,li){background:var(--palette-cream);color:var(--palette-navy);border-color:var(--palette-navy);border-radius:12px} html.ux-review body #app :is(.shop-page,.product-page,.nu-range-landing) :is(.card-range,.card-pack,.card-price-context,.card-oneoff-price,.card-concept,.premium-benefit-badges span){font-size:16px;line-height:1.4} html.ux-review body #app .shop-page .recipe-card h3{font-size:28px;line-height:1.15} html.ux-review body #app .product-page .product-purchase>h1{font-size:40px;line-height:1.12} @media(max-width:850px){html.ux-review body #app .product-page .product-purchase>h1{font-size:32px}html.ux-review body #app .shop-page .recipe-card h3{font-size:26px}} } @layer nudog-cleanup { html.ux-review body #app .product-page .nu-product-benefits li{background:var(--palette-panel);color:var(--palette-navy);border-radius:12px;font-family:'Nudog DM Sans',Arial,sans-serif} html.ux-review body #app .product-page :is(.nu-range-fit,.nu-evidence-note){border-color:var(--palette-navy);border-radius:24px;background:var(--palette-panel);color:var(--palette-navy)} } /* Product design: shared landing palette, calmer cards and clear purchase hierarchy. */ @layer nudog-product-design { html.ux-review body #app .range-navigation{background:var(--palette-cream);border-color:var(--palette-navy)} html.ux-review body #app .range-navigation a{color:var(--palette-navy);border-color:transparent} html.ux-review body #app .range-navigation a[aria-current]{color:var(--palette-navy);border-color:var(--palette-navy)} html.ux-review body #app .shop-page .recipe-card{background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:24px;overflow:hidden} html.ux-review body #app .shop-page .recipe-card .card-body{background:var(--palette-cream)} html.ux-review body #app .shop-page .recipe-card>.productimage{background:var(--palette-panel);border-radius:20px} html.ux-review body #app .shop-page .card-benefit-list{color:var(--palette-navy)} html.ux-review body #app .shop-page .nu-purchase-options{background:var(--palette-panel);border-radius:20px;padding:18px} html.ux-review body #app .product-page{background:var(--palette-cream)} html.ux-review body #app .product-page .nu-product-overview{background:var(--palette-navy);color:var(--palette-cream);padding:26px;border-radius:24px} html.ux-review body #app .product-page .nu-product-overview :is(h1,h3,p,.eyebrow){color:var(--palette-cream)} html.ux-review body #app .product-page .nu-product-overview h1{font-size:42px;line-height:1.1;margin:10px 0 16px} html.ux-review body #app .product-page .nu-product-overview #productprice{font-size:28px;margin:16px 0 4px} html.ux-review body #app .product-page .product-gallery :is(.bigimage,.gallery-slide){border-radius:24px;background:var(--palette-panel)} html.ux-review body #app .product-page .purchase-panel{background:var(--palette-panel);border:1px solid var(--palette-navy);border-radius:24px;padding:24px;box-shadow:none} html.ux-review body #app .product-page .purchase-options{border:0;padding:0} html.ux-review body #app .product-page .purchase-options>label{background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:16px;padding:16px;color:var(--palette-navy);box-shadow:none} html.ux-review body #app .product-page .purchase-options>label:has(input:checked){background:var(--palette-navy);color:var(--palette-cream);outline:0} html.ux-review body #app .product-page .purchase-options>label:has(input:checked) :is(strong,b,small,span){color:var(--palette-cream)} html.ux-review body #app .product-page :is(input,select){accent-color:var(--palette-navy)} html.ux-review body #app .product-page select{background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:12px;min-height:48px} html.ux-review body #app .product-page .product-information{background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:24px;padding:24px} html.ux-review body #app .product-page .product-information details{border-color:color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} @media(max-width:850px){ html.ux-review body #app .product-page .nu-product-overview{padding:20px} html.ux-review body #app .product-page .nu-product-overview h1{font-size:32px} html.ux-review body #app .product-page :is(.purchase-panel,.product-information){padding:18px} } } @layer nudog-product-design { html.ux-review body #app #main .nu-range-landing :is(h1,h2,h3,h4){color:var(--palette-navy);font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:700} html.ux-review body #app #main .nu-range-landing :is(p,li,.lead,.nu-door-fine){font-family:'Nudog DM Sans',Arial,sans-serif;color:var(--palette-navy)} html.ux-review body #app #main .nu-range-landing :is(.nu-range-subscribe,.nu-range-subscribe h2,.nu-range-subscribe p){color:var(--palette-cream)} html.ux-review body #app #main .nu-range-landing :is(.nu-range-door-hero,.nu-range-journey,.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink){padding-block:28px} html.ux-review body #app #main .nu-range-landing :is(.nu-dry-benefits article,.nu-range-journey ol,.nu-range-serving li,.nu-range-trial,.nu-range-subscribe){border-radius:24px;box-shadow:none} html.ux-review body #app #main .nu-range-landing :is(.nu-dry-benefits article,.nu-range-journey ol,.nu-range-serving li,.nu-range-trial){background:var(--palette-panel)} html.ux-review body #app #main .nu-range-landing .btn{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy);border-radius:999px;font-size:18px} html.ux-review body #app #main .nu-range-landing :is(.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink)>h2{font-size:36px;line-height:1.15;margin-bottom:20px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img{height:340px;max-width:100%;object-fit:contain} @media(max-width:850px){ html.ux-review body #app #main .nu-range-landing .nu-range-door-grid{gap:20px;margin-top:20px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img{height:190px;margin:0} html.ux-review body #app #main .nu-range-landing :is(.nu-range-door-hero,.nu-range-journey,.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink){padding-block:20px} html.ux-review body #app #main .nu-range-landing .nu-range-journey ol{gap:14px;padding:20px} html.ux-review body #app #main .nu-range-landing .nu-dry-benefits{gap:16px} html.ux-review body #app #main .nu-range-landing .nu-dry-benefits article{padding:20px} html.ux-review body #app #main .nu-range-landing :is(.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink)>h2{font-size:30px} html.ux-review body:has(.nu-range-landing) .chat-launcher{bottom:max(12px,env(safe-area-inset-bottom));right:10px;width:44px;height:44px;min-height:44px} } } @layer nudog-footer-layout { /* Group footer identity and supporting links on a shared alignment. */ html.ux-review body #app>footer.compact-footer .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px} html.ux-review body #app>footer.compact-footer .footer-brand-heading{display:block;width:100%} html.ux-review body #app>footer.compact-footer .footer-contact{display:flex;align-items:center;gap:24px;margin:0} html.ux-review body #app>footer.compact-footer .footer-contact :is(a,button){font-family:'Nudog DM Sans',Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.4} html.ux-review body #app>footer.compact-footer .footer-social{position:static;margin:0;align-self:flex-start} html.ux-review body #app>footer.compact-footer .footer-brand-slogan{margin:12px 0 0} html.ux-review body #app>footer.compact-footer .footer-bottom{gap:16px;text-align:left;align-items:flex-start} html.ux-review body #app>footer.compact-footer .footer-bottom>div{justify-content:flex-start;gap:12px 28px} @media(max-width:850px){ html.ux-review body #app>footer.compact-footer .footer-brand{gap:14px;padding:8px 0 4px} html.ux-review body #app>footer.compact-footer .footer-top{gap:24px;margin-bottom:24px} html.ux-review body #app>footer.compact-footer .footer-brand .logo{width:142px} html.ux-review body #app>footer.compact-footer .footer-social :is(a,button){min-height:44px;min-width:44px} html.ux-review body #app>footer.compact-footer .footer-newsletter-toggle>summary{font-size:20px;padding-block:20px;gap:16px;line-height:1.3} html.ux-review body #app>footer.compact-footer .footer-bottom{padding-top:24px;gap:16px} html.ux-review body #app>footer.compact-footer .footer-bottom>div{grid-template-columns:1fr 1.25fr;gap:4px 18px} html.ux-review body #app>footer.compact-footer .footer-bottom a{justify-content:flex-start;text-align:left;font-size:16px;line-height:1.4} } } @layer nudog-footer-design { html.ux-review body #app>footer.compact-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--palette-navy);color:var(--palette-denim);padding:56px 6% 220px;border:0} html.ux-review body #app>footer.compact-footer::after{content:'';position:absolute;z-index:-1;pointer-events:none;bottom:-140px;right:-4%;width:min(900px,90vw);height:760px;background:var(--palette-panel);opacity:.14;mask:url('/__l5e/assets-v1/b2eaa3c7-0aa1-480c-b2ba-8e8b67321d8e/nudog-character-white-v314.svg') center/contain no-repeat;-webkit-mask:url('/__l5e/assets-v1/b2eaa3c7-0aa1-480c-b2ba-8e8b67321d8e/nudog-character-white-v314.svg') center/contain no-repeat} html.ux-review body #app>footer.compact-footer :is(a,p,span,label,summary,h2,h3,small,strong,button){color:var(--palette-denim)} html.ux-review body #app>footer.compact-footer .footer-top{gap:64px;margin-bottom:36px} html.ux-review body #app>footer.compact-footer .footer-brand-heading{align-items:flex-start} html.ux-review body #app>footer.compact-footer .footer-dog-watermark{display:none} html.ux-review body #app>footer.compact-footer .logo{width:150px;filter:none} html.ux-review body #app>footer.compact-footer .footer-brand-slogan{font-size:18px;margin-top:14px} html.ux-review body #app>footer.compact-footer .footer-link-group summary{font-size:22px;font-weight:700} html.ux-review body #app>footer.compact-footer .footer-group-links a{font-family:'Nudog DM Sans',Arial,sans-serif;font-size:17px;padding-block:8px} html.ux-review body #app>footer.compact-footer :is(.footer-link-group,.footer-newsletter-toggle,.footer-bottom){border-color:color-mix(in srgb, var(--palette-denim) 25.1%, transparent)} html.ux-review body #app>footer.compact-footer .footer-newsletter-toggle{border-block:1px solid color-mix(in srgb, var(--palette-denim) 25.1%, transparent)} html.ux-review body #app>footer.compact-footer .footer-newsletter-toggle>summary{padding-block:24px;font-size:22px} html.ux-review body #app>footer.compact-footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:32px;text-align:center} html.ux-review body #app>footer.compact-footer .footer-bottom>div{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 32px} html.ux-review body #app>footer.compact-footer .footer-bottom :is(a,small){font-family:'Nudog DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5} html.ux-review body #app>footer.compact-footer .newsletter-fields button{background:var(--palette-panel);color:var(--palette-navy);border-radius:999px} @media(max-width:850px){ html.ux-review body #app>footer.compact-footer{padding:28px 6% 190px} html.ux-review body #app>footer.compact-footer .footer-top{gap:28px;margin-bottom:28px} html.ux-review body #app>footer.compact-footer .footer-link-group{border-bottom:1px solid color-mix(in srgb, var(--palette-denim) 25.1%, transparent)} html.ux-review body #app>footer.compact-footer .footer-link-group summary{padding-block:22px;font-size:22px} html.ux-review body #app>footer.compact-footer .footer-brand{padding-top:8px} html.ux-review body #app>footer.compact-footer .footer-bottom>div{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;width:100%} html.ux-review body #app>footer.compact-footer .footer-bottom a{min-height:44px;display:flex;align-items:center;justify-content:center} html.ux-review body #app>footer.compact-footer::after{width:118vw;height:540px;bottom:-155px;right:-9%;opacity:.16} } } @layer nudog-polish { html.ux-review body #app #main :is(.home-page,.nu-range-landing,.shop-page,.product-page){--section-gap:48px} html.ux-review body #app #main .home-page .nu-food-door{min-height:0;height:auto;padding:0} html.ux-review body #app #main .home-page .nu-door-panel{padding:32px;min-height:440px;height:100%;display:flex;flex-direction:column;align-items:center} html.ux-review body #app #main .home-page .nu-door-mark{width:80px;height:80px;margin-bottom:20px} html.ux-review body #app #main .home-page .nu-door-mark svg{width:44px;height:44px} html.ux-review body #app #main .home-page .nu-door-panel h2{font-size:32px;line-height:1.16;min-height:112px;margin:16px 0} html.ux-review body #app #main .home-page .nu-door-panel>.btn{margin-top:auto;width:100%;min-height:54px} html.ux-review body #app #main .home-page .nu-door-offer{margin-top:14px} html.ux-review body #app #main .home-page .nu-award-source{margin:0 0 16px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:center} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img{height:420px;padding:24px;background:var(--palette-panel);border-radius:24px;object-fit:contain} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img[src*="fresh-mixed"]{height:300px;padding:20px} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card{display:flex;flex-direction:column;grid-template-columns:none;background:var(--palette-cream);border-radius:24px;padding:0;overflow:hidden} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card>.productimage{width:100%;height:280px;min-height:280px;flex:0 0 280px;margin:0;padding:20px;border-radius:0;background:var(--palette-panel)} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card>.productimage>:is(img,svg){height:100%;width:100%;object-fit:contain;padding:0} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body{padding:24px;background:var(--palette-cream);flex:1} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .nu-purchase-options{padding:20px;margin:0;border-radius:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);background:var(--palette-panel);width:100%} html.ux-review body #app #main .product-page .nu-product-overview{background:transparent;padding:0 0 20px;border-radius:0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);color:var(--palette-navy)} html.ux-review body #app #main .product-page .nu-product-overview :is(h1,h3,p,.eyebrow){color:var(--palette-navy)} html.ux-review body #app #main .product-page .nu-review-badge{background:transparent;border:0;padding:4px 0;border-radius:0} html.ux-review body #app #main .product-page .nu-range-fit{background:transparent;padding:16px 0;border:0;border-radius:0} html.ux-review body #app #main .product-page .nu-product-benefits li{background:var(--palette-panel);border:0;padding:8px 12px} html.ux-review body #app #main :is(.home-page,.shop-page,.product-page,.nu-range-landing) .btn{text-transform:none;letter-spacing:0} @media(max-width:850px){ html.ux-review body #app #main .home-page .nu-door-panel{padding:24px;min-height:0} html.ux-review body #app #main .home-page .nu-door-panel h2{font-size:28px;min-height:0;margin:12px 0 24px} html.ux-review body #app #main .home-page .nu-door-panel>.btn{margin-top:12px} html.ux-review body #app #main .home-page .nu-door-mark{width:64px;height:64px;margin-bottom:14px} html.ux-review body #app #main .home-page .nu-door-mark svg{width:36px;height:36px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid{grid-template-columns:1fr;gap:24px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img{height:300px;padding:20px} html.ux-review body #app #main .nu-range-landing .nu-range-door-grid>img[src*="fresh-mixed"]{height:190px;padding:12px} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card>.productimage{height:230px;min-height:230px;flex-basis:230px} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body{padding:20px} html.ux-review body #app #main .product-page .nu-product-overview{padding:0 0 16px} html.ux-review body #app #main .product-page .nu-product-overview h1{font-size:32px} html.ux-review body #app>footer.compact-footer .footer-bottom>div{grid-template-columns:1fr;gap:0} html.ux-review body #app>footer.compact-footer .footer-bottom a{min-height:44px} html.ux-review body .chat-launcher{width:44px;height:44px;min-height:44px;right:10px;bottom:12px} html.ux-review body.has-purchase-bar .chat-launcher{bottom:100px} } } @layer nudog-polish { @media(max-width:850px){ html.ux-review body #app #main #nu-door-title{font-size:38px;line-height:1.1;width:100%;max-width:100%;min-width:0} html.ux-review body #app #main #nu-door-title :is(.nu-door-typing,.nu-typing-reserve,.nu-typing-output){white-space:normal;overflow-wrap:normal;word-break:normal;max-width:100%} html.ux-review body #app #main .nu-door-emotional-copy{min-width:0} html.ux-review body #app #main .nu-door-emotional-hero{min-height:780px;height:auto} } } @layer nudog-polish { html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;min-width:0} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body>*{grid-column:auto;grid-row:auto;position:static;text-align:left;margin-inline:0;max-width:100%} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body h3{margin:0} html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .treat-quick-buy{padding:20px;background:var(--palette-panel);border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:0} } @layer nudog-polish { html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .card-body :is(h3,h3 a,.card-range){text-align:left;align-self:stretch;justify-content:flex-start;width:100%} } /* Owner-approved calmer product hierarchy. */ @layer nudog-type-hierarchy { html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card h3, html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card h3 a, html.ux-review body #app #main .product-page h1{font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:600;font-synthesis:none} html.ux-review body #app #main :is(.recipe-card,.product-page) :is(.card-main-price,.card-price-prefix,.card-price-amount,#productprice){font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:700;line-height:1.2} html.ux-review body #app #main .recipe-card .card-main-price{font-size:26px} html.ux-review body #app #main .recipe-card .card-price-prefix{font-size:18px} html.ux-review body #app #main .recipe-card .card-price-amount{font-size:26px} html.ux-review body #app #main .product-page #productprice{font-size:28px} html.ux-review body #app #main :is(.recipe-card,.product-page) summary{font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:600;font-size:18px;line-height:1.4} html.ux-review body #app #main :is(.recipe-card,.product-page) :is(.card-range,.card-pack,.nu-card-unit,.nu-pdp-unit,.card-price-context,.card-oneoff-price,.card-concept){font-family:'Nudog DM Sans',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.4} html.ux-review body #app #main .recipe-card .card-ingredients{font-family:'Nudog DM Sans',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.45} html.ux-review body #app #main :is(.recipe-card,.product-page) .premium-benefit-badges span{font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:400;font-size:16px;border-color:color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #app #main :is(.recipe-card,.product-page) .premium-benefit-badges span::before{font-weight:400;font-size:16px} html.ux-review body #app #main :is(.recipe-card,.product-page) .nu-review-badge{border-color:color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #app #main :is(.recipe-card,.product-page) .nu-review-badge :is(strong,b){font-family:'Nudog DM Sans',Arial,sans-serif;font-weight:600;font-size:16px} } @layer nudog-type-hierarchy { html.ux-review body #app #main .nu-feed-step[hidden]{display:none} html.ux-review body #app #main .nu-mix-calc{display:block;scroll-margin-top:24px} html.ux-review body #app #main .nu-feed-step{display:block} html.ux-review body #app #main .nu-step-progress{font-family:'Nudog DM Sans',Arial,sans-serif;font-size:16px;font-weight:600;margin:0 0 20px;color:var(--palette-navy)} html.ux-review body #app #main .nu-feed-step h3{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.15;margin:0 0 24px;outline:none} html.ux-review body #app #main .nu-feed-step .nu-calc-top{display:block} html.ux-review body #app #main .nu-feed-step .nu-mix-weight{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px} html.ux-review body #app #main .nu-step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px} html.ux-review body #app #main .nu-step-back{font-family:'Nudog DM Sans',Arial,sans-serif;background:var(--palette-cream);border:2px solid var(--palette-navy);border-radius:999px;color:var(--palette-navy);font-size:17px;font-weight:700;min-height:52px;min-width:112px;padding:12px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-block:8px} html.ux-review body #app #main .nu-step-next{background:var(--palette-navy);color:var(--palette-cream);border-radius:999px;min-height:52px;padding:14px 24px} html.ux-review body #app #main .nu-feed-step .nu-split-note{font-size:16px;line-height:1.45;margin:16px 0} html.ux-review body #app #main .nu-feed-step .nu-mix-note{font-size:16px} @media(max-width:850px){html.ux-review body #app #main .nu-feed-step h3{font-size:28px}html.ux-review body #app #main .nu-feeding-widget{padding:24px}html.ux-review body #app #main .nu-step-actions{flex-wrap:wrap}} } @layer nudog-type-hierarchy { html.ux-review body #app #main .nu-feed-step .nu-feeding-choice{min-height:76px;height:auto;padding:18px 10px;display:flex;align-items:center;justify-content:center} html.ux-review body #app #main .nu-feed-step .nu-choice-label{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.2;text-align:center} } @layer nudog-feeding-card { html.ux-review body #app #main .nu-mixed>.wrap{max-width:900px;background:var(--palette-panel);border-radius:28px;border:1px solid var(--palette-navy);padding:36px;margin:40px auto;overflow:hidden} html.ux-review body #app #main .nu-mixed::before,html.ux-review body #app #main .nu-mixed::after{display:none} html.ux-review body #app #main .nu-mixed-heading{text-align:left;padding:0 0 28px;margin:0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.9%, transparent)} html.ux-review body #app #main .nu-mixed-heading .eyebrow{font-size:14px;font-weight:600;letter-spacing:.1em;margin:0 0 12px} html.ux-review body #app #main .nu-mixed-heading h2{font-size:36px;line-height:1.1;margin:0 0 16px;max-width:22ch} html.ux-review body #app #main .nu-mixed-heading h2 br{display:none} html.ux-review body #app #main .nu-mixed-heading>p:last-child{font-size:18px;line-height:1.45;margin:0;max-width:52ch} html.ux-review body #app #main .nu-feeding-widget{background:transparent;border:0;border-radius:0;padding:28px 0 0;margin:0;box-shadow:none} html.ux-review body #app #main .nu-step-progress{display:inline-flex;align-items:center;justify-content:center;background:var(--palette-navy);color:var(--palette-cream);border-radius:999px;padding:6px 14px;font-size:16px;margin:0 0 20px} html.ux-review body #app #main .nu-feed-step h3{font-size:30px;margin-bottom:24px} html.ux-review body #app #main .nu-feed-step .nu-mix-weight{font-size:18px} html.ux-review body #app #main .nu-feed-step .nu-step-next{min-width:180px} @media(max-width:850px){ html.ux-review body #app #main .nu-mixed{padding:24px 5%} html.ux-review body #app #main .nu-mixed>.wrap{width:100%;margin:0;padding:24px;border-radius:24px} html.ux-review body #app #main .nu-mixed-heading{padding-bottom:22px} html.ux-review body #app #main .nu-mixed-heading h2{font-size:30px} html.ux-review body #app #main .nu-mixed-heading>p:last-child{font-size:16px} html.ux-review body #app #main .nu-feeding-widget{padding:22px 0 0} html.ux-review body #app #main .nu-feed-step h3{font-size:26px} html.ux-review body #app #main .nu-feed-step .nu-mix-weight{flex-direction:column;align-items:flex-start;gap:10px} html.ux-review body #app #main .nu-feed-step .nu-mix-weight input{width:140px;min-height:52px} html.ux-review body #app #main .nu-feed-step>.nu-step-next{width:100%} } } /* Compatibility source: site-v113.css */ *{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.preview{background:#eaece8;text-align:center;padding:8px 18px;font-size:18px}.announce{background:var(--ink);color:white;text-align:center;font-size:18px;padding:8px}header{padding:12px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:white}.logo{width:150px;height:63px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;font-size:18px;font-weight:600}.bag{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 18px}.wrap{max-width:1380px;margin:auto;padding:60px 5%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px;padding-top:35px;padding-bottom:35px;gap:4%}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:16px;font-weight:700;color:var(--sage)}h1{font-size:clamp(44px,5.5vw,78px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:22px 0}h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;line-height:1.15;font-weight:600;margin:12px 0 24px}h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}p{max-width:620px}.lead{font-size:18px;max-width:450px;color:var(--palette-slate)}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;padding:15px 23px;display:inline-flex;justify-content:center;align-items:center;font-weight:600;font-size:18px}.btn.alt{color:var(--ink);background:white}.btn.clay{background:var(--clay);border-color:var(--clay)}.heroart{position:relative;background:#eef0ed;border-radius:48% 48% 8px 8px;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.heroart img{width:86%;height:450px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg)}.badge{position:absolute;bottom:28px;right:25px;border-radius:50%;width:114px;height:114px;background:var(--clay);color:white;display:grid;place-content:center;text-align:center;font-size:18px;transform:rotate(8deg)}.small{font-size:18px;color:#697282}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-evenly;padding:19px 5%;font-size:18px;gap:20px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.productimage{background:var(--soft);border-radius:7px;position:relative;overflow:hidden}.productimage img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply;padding:18px;transition:transform .3s}.card:hover img{transform:scale(1.035)}.card h3{margin:17px 0 6px}.label{font-size:18px;text-transform:uppercase;letter-spacing:.08em;color:var(--sage)}.price{display:block;margin-top:8px;font-weight:600;font-size:18px}.range{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden}.range img{width:100%;height:250px;object-fit:contain;background:var(--soft);padding:15px}.range div{padding:20px}.range h3{margin:0 0 8px}.range p{font-size:18px;min-height:44px;margin:0 0 14px;color:var(--palette-slate)}.textlink{text-decoration:underline;text-underline-offset:5px;font-size:18px;font-weight:600}.band{background:var(--ink);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.steps{display:grid;gap:22px}.step{border-bottom:1px solid color-mix(in srgb, var(--palette-cream) 20.78%, transparent);padding-bottom:20px}.step span{color:var(--palette-denim);font-size:18px}.step h3{margin:5px 0}.step p{margin:0;color:#cbd0d7;font-size:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 35px}.chip{border:1px solid var(--line);background:white;padding:11px 19px;border-radius:30px;font-size:18px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.product{display:grid;grid-template-columns:1fr 1fr;gap:6%}.bigimage{background:var(--soft);border-radius:8px}.bigimage img{width:100%;height:610px;object-fit:contain;padding:30px;mix-blend-mode:multiply}.product h1{font-size:44px;margin:10px 0 20px}.field{display:block;margin:24px 0}.field span{display:block;font-size:18px;font-weight:600;margin-bottom:8px}select,input[type=number]{width:100%;padding:14px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}.product .btn{width:100%}.benefits{display:flex;gap:15px;padding:16px 0;flex-wrap:wrap;font-size:18px;color:var(--sage)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;font-size:18px}.detailsbody{font-size:18px;line-height:1.7;padding:10px 0;overflow-wrap:anywhere}.detailsbody img{max-width:100%;height:auto}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p{font-size:18px;color:#697282}.footerlinks{display:flex;gap:20px;font-size:18px}.finder{max-width:680px;margin:auto}.finder h1{font-size:48px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice label{border:1px solid var(--line);border-radius:7px;padding:18px;cursor:pointer}.choice label:has(input:checked){border:2px solid var(--ink);background:var(--soft)}.cartrow{display:grid;grid-template-columns:90px 1fr 100px auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.cartrow img{width:90px;height:100px;object-fit:contain}.cartrow h3{margin:0 0 8px}.remove{border:0;background:none;text-decoration:underline;font-size:18px}.carttotal{display:flex;justify-content:space-between;padding:25px 0;font-size:24px}.notice{padding:16px;background:var(--soft);font-size:18px;border-radius:6px}.empty{text-align:center;padding:65px 0}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:7px;display:none;z-index:10}.back{display:block;font-size:18px;margin-bottom:24px}.mobileonly{display:none}@media(max-width:850px){header{padding:10px 5%;gap:8px}.logo{width:115px;height:48px}nav{gap:12px;font-size:18px}nav .desktop{display:none}.bag{padding:8px 12px}.wrap{padding:35px 5%}.hero{grid-template-columns:1fr;gap:25px;min-height:0}.hero h1{font-size:54px}.heroart{min-height:350px;border-radius:40% 40% 8px 8px}.heroart img{height:330px}.hero .lead{max-width:100%}.trust{font-size:18px;flex-wrap:wrap;gap:12px}.grid{grid-template-columns:repeat(2,1fr);gap:18px}.productimage img{height:210px;padding:12px}.range img{height:190px}.range div{padding:16px}.split,.product{grid-template-columns:1fr;gap:30px}.bigimage img{height:360px}.product h1{font-size:36px}.sectionhead{align-items:start}.sectionhead .textlink{white-space:nowrap}footer{flex-direction:column}.footerlinks{flex-wrap:wrap}.cartrow{grid-template-columns:65px 1fr 70px;gap:12px}.cartrow img{width:65px}.cartrow .remove{grid-column:2}.choice{grid-template-columns:1fr}.finder h1{font-size:39px}.card h3{font-size:19px}.hero .buttons .btn{flex:1}}@media(prefers-reduced-motion:reduce){*{transition:none;scroll-behavior:auto}} /* Supplied packaging displayed through cropped viewports; original uploads remain intact. */ .packvisual{display:block;width:100%;height:270px;padding:14px;background:#faf8f4}.range>.packvisual{height:250px}.bigimage>.packvisual{height:610px;padding:24px}.heroart{border-radius:8px;background:#eeece8}.heroart img.packfamily{width:100%;height:500px;object-fit:contain;transform:none;mix-blend-mode:normal}.conceptlabel{display:block;font-size:16px;line-height:1.5;color:#697282;margin-top:6px}.cartvisual{width:90px;height:110px;overflow:hidden}.cartvisual .packvisual{width:100%;height:100%;padding:0}.cartvisual img{width:100%;height:100%;object-fit:contain}@media(max-width:850px){.packvisual{height:230px;padding:8px}.range>.packvisual{height:220px}.bigimage>.packvisual{height:400px;padding:15px}.heroart img.packfamily{height:350px;object-fit:contain}.cartvisual{width:65px;height:90px}} .packlineup{display:flex;align-items:end;justify-content:center;width:100%;padding:50px 12px 90px;gap:0;background:#faf8f4}.packlineup .packvisual,.packlineup img{width:34%;height:330px;padding:0;object-fit:contain;transform:none;mix-blend-mode:normal;background:transparent}.packlineup>:first-child{height:370px}.heroart{min-height:500px}.packlineup>:last-child{height:285px}@media(max-width:850px){.packlineup{padding:40px 8px 90px}.packlineup .packvisual,.packlineup img{height:230px}.packlineup>:first-child{height:260px}.packlineup>:last-child{height:210px}.heroart{min-height:360px}} .reviewssection{background:#f5f6f2;border-top:1px solid #e4e7de;border-bottom:1px solid #e4e7de;scroll-margin-top:20px}.reviewpending{font-size:18px;white-space:nowrap;background:#e7eade;border-radius:20px;padding:9px 15px;color:#4e5842}.reviewintro{color:var(--palette-slate);margin-bottom:30px}.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.reviewcard{background:white;border:1px solid #e0e3da;border-radius:8px;padding:30px}.reviewplaceholder{font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--palette-slate)}.reviewstars{font-size:28px;color:#8d977e;letter-spacing:4px;margin:17px 0}.reviewcard h3{margin:10px 0}.reviewcard p{color:var(--palette-slate);font-size:18px;min-height:48px}.reviewempty{border-top:1px solid #e8eae4;margin-top:25px;padding-top:18px;font-size:18px;color:#7b8275}.reviewfoot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.reviewfoot .textlink{white-space:nowrap}@media(max-width:850px){.reviewgrid{grid-template-columns:1fr}.reviewssection .sectionhead{flex-direction:column;gap:8px}.reviewcard{padding:25px}.reviewcard p{min-height:0}.reviewfoot{align-items:start;flex-direction:column;gap:8px}.reviewpending{white-space:normal}} .hero h1{font-size:clamp(44px,4.8vw,68px);max-width:580px}.hero .lead{max-width:510px}@media(max-width:850px){.hero h1{font-size:clamp(38px,10vw,54px)}} footer{background:var(--ink);color:var(--palette-cream);border-top:0}footer p{color:var(--palette-cream)}.footerlinks a{color:var(--palette-cream)}.footerlinks a:hover{text-decoration:underline;text-underline-offset:4px}footer :focus-visible{outline-color:var(--palette-cream)} .packvisual{overflow:hidden;isolation:isolate}.packlineup.singlehero{padding:30px;align-items:center;justify-content:center;min-height:500px}.packlineup.singlehero>.packvisual{width:88%;height:420px;padding:0;background:transparent}@media(max-width:850px){.packlineup.singlehero{min-height:350px;padding:20px}.packlineup.singlehero>.packvisual{width:90%;height:315px}} .heroart.hero-dog{background:var(--palette-cream);min-height:500px;overflow:hidden;border-radius:0}.heroart.hero-dog>.packvisual{width:100%;height:500px;padding:0;background:var(--palette-cream)}.heroart.hero-dog .badge{bottom:25px;right:12px}@media(max-width:850px){.heroart.hero-dog{min-height:330px}.heroart.hero-dog>.packvisual{height:330px}.heroart.hero-dog .badge{width:95px;height:95px;bottom:8px;right:10px;font-size:18px}} /* Nudog homepage: warm, straightforward, premium without fuss. */ .home-page .btn{border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;font-size:18px;padding:15px 26px} .home-page .eyebrow{font-size:16px;color:var(--ink);letter-spacing:.1em} .home-page .small{font-size:18px;line-height:1.6} .home-hero{background:var(--ink);color:var(--palette-cream);border-radius:0 0 44px 44px} .home-hero .hero{gap:6%;padding-top:64px;padding-bottom:64px;min-height:650px} .home-hero .eyebrow{color:var(--palette-panel)} .home-hero h1{font-weight:600;line-height:1.08;letter-spacing:-.045em} .home-hero h1 span{color:var(--palette-panel)} .home-hero .lead{color:var(--palette-cream);font-size:20px;line-height:1.6;max-width:500px} .home-hero .small{color:#d6dce6;max-width:500px} .home-hero .btn{background:var(--palette-cream);border-color:var(--palette-cream);color:var(--ink)} .home-hero .btn.alt{background:transparent;border-color:#c7d0de;color:var(--palette-cream)} .home-hero .heroart.hero-dog{border-radius:180px 180px 32px 32px;min-height:470px;box-shadow:none} .home-hero .heroart.hero-dog>.packvisual{height:470px} .home-hero .badge{background:var(--ink);border:2px solid var(--palette-cream);width:124px;height:124px;font-size:18px;right:18px;bottom:18px} .home-page .trust{border:0;font-size:18px;padding:24px 5%;color:var(--ink)} .home-page .trust span{border-bottom:2px solid var(--palette-denim);padding-bottom:5px} .home-page .sectionhead{margin-bottom:22px} .home-page h2{margin-bottom:18px} .home-page .range{border:0;border-radius:24px;transition:transform .2s;background:#f4f5f7} .home-page .range:hover{transform:translateY(-4px)} .home-page .range>.packvisual{height:230px;border-radius:24px 24px 0 0;padding:20px} .home-page .range-fresh div{background:#f4f5f7} .home-page .range-cold div{background:var(--palette-panel)} .home-page .range-treats div{background:#eeebf5} .home-page .range-oil div{background:#e9edf3} .home-page .range h3{font-size:23px} .home-page .range p{font-size:18px;min-height:0;color:var(--ink)} .home-page .range .textlink{font-size:18px} .home-page .card{border:1px solid #e1e5eb;border-radius:22px;overflow:hidden;background:var(--palette-cream);padding-bottom:22px;transition:transform .2s} .home-page .card:hover{transform:translateY(-3px)} .home-page .card h3,.home-page .card .label,.home-page .card .price,.home-page .card .conceptlabel{margin-left:20px;margin-right:20px} .home-page .card .productimage{border-radius:0} .home-page .card .productimage .packvisual{background:#faf8f4;height:285px;padding:18px} .home-page .card .label{font-size:18px;color:var(--palette-slate);text-transform:none;letter-spacing:0} .home-page .card .price{font-size:19px;color:var(--ink)} .home-page .conceptlabel{font-size:16px} .fresh-story{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;margin-bottom:38px} .fresh-story .lead{font-size:20px;color:var(--ink);max-width:560px} .serving-note{border-left:4px solid var(--clay);padding:12px 0 12px 34px} .serving-note>span{font-size:18px} .serving-note strong{display:block;font-size:clamp(32px,4vw,56px);line-height:1.08;font-weight:600;letter-spacing:-.04em;margin:16px 0 22px} .cold-feature{background:var(--ink);color:var(--palette-cream);border-radius:40px;margin:16px 3%} .cold-feature .wrap{padding-left:3%;padding-right:3%} .cold-feature .eyebrow{color:var(--palette-panel)} .cold-feature>.wrap>p{font-size:18px;max-width:660px;margin-bottom:30px;color:#e3e8ef} .cold-feature .card{color:var(--ink);border:0} .treats-feature>p{font-size:18px;margin-bottom:30px} .treats-feature .card .productimage .packvisual{background:#f2eef8} .oil-feature{display:grid;grid-template-columns:1fr .65fr;column-gap:10%;align-items:center} .oil-feature>.sectionhead{display:block;grid-column:1;grid-row:1;align-self:end} .oil-feature>p{grid-column:1;grid-row:2;align-self:start;font-size:20px;margin-top:0} .oil-feature>.grid{grid-column:2;grid-row:1 / span 2;grid-template-columns:1fr} .oil-feature .productimage .packvisual{height:340px} .home-page .reviewcard{border-radius:24px} .home-page .reviewssection{background:#f4f5f7;border:0} .home-page .reviewintro{font-size:18px} .home-page .band{background:white;color:var(--ink)} .home-page .band .eyebrow{color:var(--ink)} .home-page .band .step{border-color:#dce0e3} .home-page .band .step span{color:#78513d;font-size:18px} .home-page .band .step p{color:var(--palette-slate);font-size:18px} .home-page .band .btn.alt{background:var(--ink);color:var(--palette-cream)} @media(max-width:850px){ .home-hero{border-radius:0 0 28px 28px} .home-hero .hero{padding-top:36px;padding-bottom:42px;gap:34px;min-height:0} .home-hero .heroart.hero-dog{border-radius:120px 120px 26px 26px;min-height:330px;box-shadow:none;margin-right:8px} .home-hero .heroart.hero-dog>.packvisual{height:330px} .home-hero .badge{width:102px;height:102px;font-size:18px} .home-hero .lead{font-size:18px} .home-page .trust{gap:16px;font-size:18px;justify-content:center} .home-page .range h3{font-size:19px} .home-page .range>.packvisual{height:210px;padding:10px} .home-page .range p{font-size:18px} .home-page .card h3,.home-page .card .label,.home-page .card .price,.home-page .card .conceptlabel{margin-left:12px;margin-right:12px} .home-page .card .productimage .packvisual{height:220px;padding:10px} .home-page .card .label{font-size:18px} .home-page .sectionhead{flex-direction:column;gap:8px} .fresh-story{grid-template-columns:1fr;gap:22px;margin-bottom:28px} .fresh-story .lead{font-size:18px} .serving-note{padding-left:22px} .serving-note strong{font-size:32px;line-height:1.2} .serving-note strong br{display:none} .cold-feature{margin:8px 0;border-radius:28px} .cold-feature .wrap{padding-left:5%;padding-right:5%} .oil-feature{grid-template-columns:1fr;gap:12px} .oil-feature>.sectionhead,.oil-feature>p,.oil-feature>.grid{grid-column:1;grid-row:auto} .oil-feature>.grid{max-width:430px;width:100%;justify-self:center} .oil-feature .card .productimage .packvisual{height:330px} } .journal-section{background:var(--palette-panel);border-radius:36px 36px 0 0;margin-top:16px}.journal-section .sectionhead p{font-size:18px}.journal-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 22px;scrollbar-color:var(--palette-navy) #e7d2c5}.journal-card{flex:0 0 43%;min-width:0;background:var(--palette-cream);border-radius:24px;overflow:hidden;scroll-snap-align:start}.journal-card img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 45%}.journal-card:first-child img{object-position:center 48%}.journal-copy{padding:25px}.journal-copy .eyebrow{font-size:16px;letter-spacing:.06em;color:var(--palette-slate)}.journal-copy h3{font-size:27px;margin:12px 0}.journal-copy p{font-size:18px;color:var(--palette-slate)}.journal-controls{display:flex;justify-content:end;gap:12px;margin-top:12px}.journal-controls button{background:var(--ink);color:var(--palette-cream);border-color:var(--ink)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.journal-index h1{max-width:800px}.journal-article{max-width:1000px}.journal-article h1{font-size:clamp(36px,5vw,62px);max-width:850px}.article-photo{display:block;width:100%;height:460px;object-fit:cover;object-position:center 45%;border-radius:28px;margin-top:30px}.photo-credit a{text-decoration:underline}.article-body{max-width:700px;margin:35px auto}.article-body p{font-size:18px;max-width:none;line-height:1.75}.article-body h2{font-size:30px;margin-top:35px}.journal-article>.btn{border-radius:99px}.journal-article .small{font-size:18px}.journal-index .small{font-size:18px} @media(max-width:1050px){nav{gap:18px}.journal-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:850px){.journal-track{gap:18px}.journal-card{flex-basis:86%}.journal-card img{height:280px}.journal-copy{padding:22px}.journal-copy h3{font-size:25px}.journal-grid{grid-template-columns:1fr}.journal-controls{justify-content:start}.journal-section .sectionhead{align-items:start;flex-direction:column}.article-photo{height:320px}.article-body p{font-size:19px}.journal-section{border-radius:26px 26px 0 0}} footer{flex-wrap:wrap}.footer-awards{flex:1 0 100%;border-top:1px solid color-mix(in srgb, var(--palette-cream) 20.78%, transparent);padding-top:26px;margin-top:8px}.footer-awards>p{font-size:18px;max-width:700px}.award-icons{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.award-icons a{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:200px;text-align:center}.award-icons svg{width:124px;height:124px;display:block;overflow:hidden}.award-icons span{font-size:18px}.award-icons a:hover span{text-decoration:underline;text-underline-offset:4px}@media(max-width:850px){.footer-awards{width:100%;flex:auto}.award-icons{gap:18px}.award-icons a{max-width:145px}.award-icons svg{width:110px;height:110px}} /* Original-resolution official artwork retains detail on high-density displays. */ .award-icons svg{width:140px;height:140px}.award-icons{gap:30px}.award-icons a{max-width:220px}@media(max-width:850px){.award-icons{gap:22px}.award-icons a{max-width:145px}.award-icons svg{width:132px;height:132px}} .oil-story{grid-column:1;grid-row:1}.oil-story .lead{font-size:20px;color:var(--ink);max-width:540px}.oil-benefits{list-style:none;padding:0;display:grid;gap:16px;margin:26px 0;max-width:540px}.oil-benefits li{border-left:0;padding-left:16px}.oil-benefits strong{display:block;font-size:18px}.oil-benefits span{display:block;font-size:18px;color:var(--palette-slate);margin-top:3px}.oil-story .small{font-size:18px}.oil-feature>.grid{grid-row:1}.oil-story .btn{margin-top:14px}@media(max-width:850px){.oil-story{grid-column:1;grid-row:auto}.oil-feature>.grid{grid-row:auto}.oil-story .lead{font-size:18px}} .branding-dialog{padding:0;border:0;border-radius:30px;background:var(--ink);color:var(--palette-cream);width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:none}.branding-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 65.88%, transparent);backdrop-filter:blur(3px)}.branding-panel{position:relative;text-align:center;padding:42px 42px 34px}.branding-logo{display:block;width:180px;height:75px;object-fit:contain;margin:0 auto 12px}.branding-eyebrow{font-size:16px;letter-spacing:.08em;margin:0 0 24px;color:var(--palette-panel)}.branding-panel h2{font-size:clamp(38px,6vw,56px);line-height:1.08;margin:14px 0 22px;letter-spacing:-.045em}.branding-panel h2 span{color:var(--palette-panel)}.branding-panel>p#branding-description{font-size:18px;line-height:1.65;margin:0 auto 28px;max-width:390px}.branding-close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:white;width:44px;height:44px;font-size:30px;line-height:1;border-radius:50%}.branding-shop{background:var(--palette-cream);color:var(--ink);border-color:var(--palette-cream);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;font-size:18px;width:100%;padding:15px 24px}.branding-browse{display:block;color:var(--palette-cream);background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;margin:14px auto 0;padding:12px;font-size:18px}.branding-dialog :focus-visible{outline:3px solid var(--palette-panel);outline-offset:4px}@media(max-width:600px){.branding-panel{padding:40px 25px 26px}.branding-panel>p#branding-description{font-size:19px}.branding-panel h2{font-size:44px}.branding-logo{width:160px;height:67px}} /* A clean photographic hero treatment lets the dog carry the personality. */ .home-hero .heroart.hero-dog{border-radius:24px;box-shadow:none;min-height:0;aspect-ratio:3 / 2;background:var(--palette-cream);margin-right:0}.home-hero .heroart.hero-dog>.packvisual{height:auto;aspect-ratio:3 / 2;width:100%;padding:0}.home-hero .heroart.hero-dog .badge{width:108px;height:108px;bottom:16px;right:16px;font-size:18px;border:0;transform:none}@media(max-width:850px){.home-hero .heroart.hero-dog{border-radius:20px;min-height:0;box-shadow:none;margin-right:0}.home-hero .heroart.hero-dog>.packvisual{height:auto;aspect-ratio:3 / 2}.home-hero .heroart.hero-dog .badge{width:84px;height:84px;bottom:10px;right:10px;font-size:18px}} /* Mobile alignment pass: narrow phones through large phones. */ @media(max-width:850px){ header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 5% 14px} header>a{align-self:center;display:block} header .logo{display:block;width:130px;height:54px} header nav{width:100%;justify-content:space-between;gap:8px;font-size:18px;flex-wrap:wrap} header nav>a{min-height:44px;display:inline-flex;align-items:center} header nav .desktop{display:none} header nav .bag{padding:8px 12px} .wrap,.hero>div,.sectionhead>div,.fresh-story>div,.oil-story,.grid>*{min-width:0} .home-hero .hero{padding-top:32px;padding-bottom:32px;gap:28px} .home-hero .buttons{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0} .home-hero .buttons .btn{width:100%;min-height:50px} .home-page .trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:center;align-items:stretch} .home-page .trust span{display:flex;align-items:center;justify-content:center;min-height:48px} .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .card{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere} .card h3{font-size:19px;line-height:1.3;min-height:3.9em} .card .label{line-height:1.5;min-height:3em} .card .price{margin-top:12px} .card .conceptlabel{line-height:1.5;min-height:4.5em} .home-page .card .productimage>.packvisual,.card .productimage>.packvisual{height:auto;aspect-ratio:4 / 5;width:100%;padding:10px} .home-page .range{display:flex;flex-direction:column;min-width:0} .home-page .range>div{display:flex;flex-direction:column;flex:1} .home-page .range h3{min-height:2.6em;line-height:1.3} .home-page .range .textlink{margin-top:auto;padding-top:8px} .home-page .range>.packvisual{height:auto;aspect-ratio:4 / 5;width:100%;padding:10px} .home-page .oil-feature>.grid{grid-template-columns:1fr} .home-page .oil-feature .card h3,.home-page .oil-feature .card .label,.home-page .oil-feature .card .conceptlabel{min-height:0} .home-page .oil-feature .card .productimage>.packvisual{height:330px;aspect-ratio:auto} footer{gap:22px} .footerlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;width:100%;font-size:18px} .footerlinks a{min-height:44px;display:flex;align-items:center} .footer-awards{margin-top:0} .award-icons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} .award-icons a{width:100%;max-width:none;min-width:0} .award-icons svg{width:min(132px,100%);height:auto;aspect-ratio:1} .award-icons span{font-size:18px;line-height:1.5} .cartrow{grid-template-columns:65px minmax(0,1fr) 70px} .cartrow h3{overflow-wrap:anywhere;font-size:18px} .wrap>h1[style]{font-size:clamp(32px,8vw,44px);overflow-wrap:anywhere} .journal-track{scroll-padding-inline:4px;overscroll-behavior-x:contain} .journal-controls .chip{min-height:44px} .branding-dialog{margin:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)} .branding-panel{padding:44px 24px 24px} .branding-shop{min-height:48px;white-space:normal} } @media(max-width:360px){header nav{font-size:18px;gap:6px}header nav .bag{padding-inline:10px}.home-hero .heroart.hero-dog .badge{width:72px;height:72px;font-size:18px}.branding-panel h2{font-size:38px}.branding-panel>p#branding-description{font-size:18px}} @media(max-width:850px){.card .price{margin-top:auto;padding-top:12px}.card .productimage{flex-shrink:0}} .water-comparison{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;background:var(--palette-cream);border-radius:24px;padding:26px;margin:30px 0 38px;color:var(--ink)}.water-copy{min-width:0}.cold-feature .water-comparison .eyebrow{color:#78513d}.water-copy h3{font-size:30px;line-height:1.15;margin:14px 0}.water-copy p{font-size:18px;color:var(--palette-slate)}.water-copy .small{font-size:18px;line-height:1.6}.water-player{min-width:0;aspect-ratio:16 / 9;background:var(--palette-navy);border-radius:16px;overflow:hidden}.water-player iframe{display:block;width:100%;height:100%;border:0}@media(max-width:850px){.water-comparison{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px;margin:26px 0 30px}.water-copy h3{font-size:27px}} /* Final design review: consistent shopping surfaces and comfortable navigation. */ .skip-link{position:fixed;top:12px;left:12px;z-index:30;transform:translateY(-180%);background:var(--palette-cream);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:12px 20px;font-weight:600}.skip-link:focus{transform:none}#main:focus{outline:none} .btn{border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;font-size:18px;min-height:48px}.chip{min-height:44px}.back{font-size:18px;display:inline-flex;align-items:center;min-height:44px}.small{font-size:18px;line-height:1.6} header nav>a:not(.bag){padding-block:10px}header nav>a:hover{text-decoration:underline;text-underline-offset:5px}.footerlinks{flex-wrap:wrap;max-width:620px;row-gap:14px} .card{display:flex;flex-direction:column;border:1px solid #e1e5eb;border-radius:22px;overflow:hidden;background:var(--palette-cream);padding-bottom:20px;transition:transform .2s,border-color .2s}.card:hover{border-color:#aab4c4;transform:translateY(-3px)}.card .productimage{border-radius:0;flex-shrink:0}.card h3,.card .label,.card .price,.card .conceptlabel{margin-left:20px;margin-right:20px}.card h3{min-height:2.6em}.card .label{font-size:18px;letter-spacing:0;text-transform:none;color:var(--palette-slate)}.card .conceptlabel{font-size:16px}.card .price,.home-page .card .price{margin-top:auto;padding-top:14px}.card-action{display:block;margin:18px 20px 0;padding-top:14px;border-top:1px solid #e1e5eb;font-size:18px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.range{display:flex;flex-direction:column}.range>div{display:flex;flex-direction:column;flex:1}.range .textlink{margin-top:auto;padding-top:8px} .product{align-items:start}.bigimage{border-radius:24px;overflow:hidden}.product h1{font-size:clamp(32px,3.4vw,44px);line-height:1.12}.field select,.field input{border-radius:12px;min-height:48px}summary{font-size:18px;min-height:28px}.product .benefits{font-size:18px}.choice label{border-radius:16px}.choice input{accent-color:var(--ink)} #status{max-width:calc(100vw - 32px);width:max-content;text-align:center;bottom:max(20px,env(safe-area-inset-bottom));box-shadow:none} @media(min-width:851px) and (max-width:1150px){header nav .desktop{display:none}header nav{gap:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .hero{gap:4%;min-height:560px}.home-hero h1{font-size:52px}.home-page .oil-feature>.grid{grid-template-columns:1fr}.footerlinks{max-width:440px}} @media(max-width:850px){.card h3,.card .label,.card .price,.card .conceptlabel{margin-left:12px;margin-right:12px}.card-action{margin-left:12px;margin-right:12px;line-height:1.5;min-height:44px;font-size:18px}.product .buttons{margin-top:22px}.product .buttons .btn{min-height:52px}.bigimage>.packvisual{height:auto;aspect-ratio:1 / 1;padding:20px}.home-page .range>div{padding:16px}.footerlinks{max-width:none}.preview{font-size:18px}.water-player{border-radius:12px}.home-page .trust{padding-block:20px}} /* Subscription value remains visible before selecting a purchase schedule. */ .subscription-saving{display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:#edf2e8;border:1px solid #dce5d4;color:var(--ink);border-radius:16px;padding:18px;margin:12px 0 22px}.saving-badge{display:inline-block;background:var(--palette-navy);color:var(--palette-cream);font-size:18px;font-weight:600;padding:6px 10px;border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;line-height:1.4}.subscription-saving strong{font-size:23px;line-height:1.4}.saving-unit{font-size:18px;font-weight:400}.saving-amount{font-size:18px;font-weight:600}.saving-reference{font-size:18px;color:var(--palette-slate)}.oneoff-label{font-size:18px;font-weight:400;color:var(--palette-slate)}.card .subscription-saving{margin:14px 20px 0;padding:12px;gap:6px}.card .subscription-saving strong{font-size:19px}.card .saving-badge{font-size:18px;padding:5px 8px}.card .saving-amount,.card .saving-unit{font-size:18px}.card .card-action{margin-top:16px} @media(max-width:850px){.card .subscription-saving{margin-left:12px;margin-right:12px;padding:10px}.card .subscription-saving strong{font-size:18px}.card .saving-unit{display:block}.card .saving-badge{border-radius:10px}.card .saving-amount{line-height:1.5}.oneoff-label{display:block}} /* First-order welcome offer: email, voucher and a clear basket illustration. */ .announce a{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;min-height:28px;font-weight:600;text-underline-offset:4px}.announce a:hover{text-decoration:underline}.announce a span{font-size:18px;font-weight:400;color:#d6dce6}.hero-offer{display:block;max-width:490px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 27.06%, transparent);padding:16px 0;color:var(--palette-panel);font-weight:600;font-size:18px}.hero-offer span{display:block;margin-top:4px;color:var(--palette-cream);font-size:18px;font-weight:400;text-decoration:underline;text-underline-offset:4px}.welcome-offer{display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:start}.welcome-offer h1{font-size:clamp(40px,5vw,68px);line-height:1.08}.welcome-offer h1 span{color:#78513d}.offer-story .lead{font-size:20px}.offer-steps{padding-left:24px;font-size:18px;line-height:2}.offer-form-panel{border-radius:26px;background:#f4f5f7;padding:32px}.offer-form-panel h2{font-size:32px}.offer-form-panel .btn{width:100%}.offer-preview-note{display:inline-block;color:#78513d;background:var(--palette-panel);border-radius:12px;padding:8px 12px;font-size:18px;margin-bottom:16px}.offer-form-panel input[type=email]{display:block;width:100%;padding:14px;border:1px solid #b7c0cd;border-radius:12px;background:var(--palette-cream);color:var(--ink);min-height:50px}.offer-consent{display:flex;gap:10px;align-items:flex-start;font-size:18px;margin:18px 0 24px}.offer-consent input{flex-shrink:0;margin-top:5px;accent-color:var(--ink);width:18px;height:18px}.voucher-preview{border-top:1px solid #dce0e3;padding-top:22px}.voucher-code{padding:16px 20px;background:white;border:2px dashed var(--palette-slate);border-radius:16px;font-size:24px;font-weight:700;letter-spacing:.08em;text-align:center}.basket-welcome{padding:22px;border:1px solid #dce5d4;border-radius:20px;background:#edf2e8;margin:16px 0 24px}.basket-welcome>.textlink{display:block;margin:10px 0}.offer-total{display:flex;justify-content:space-between;gap:18px;padding-top:16px;font-size:18px}.offer-total strong{white-space:nowrap}.basket-welcome .small{margin-bottom:0} @media(max-width:850px){.welcome-offer{grid-template-columns:minmax(0,1fr);gap:24px}.offer-form-panel{padding:24px}.welcome-offer h1{font-size:44px}.offer-story .lead{font-size:18px}.offer-steps{font-size:18px}.offer-total{font-size:18px}.basket-welcome{padding:18px}.hero-offer{font-size:18px}.announce a{font-size:18px}} /* Three-view product gallery with real manufacturer food details. */ .product-gallery{min-width:0}.gallery-track{display:flex;position:relative;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aab4c4 #f4f5f7}.gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.gallery-slide figcaption{padding:0 8px;margin:12px 0 18px;min-height:48px;line-height:1.5}.gallery-slide figcaption .textlink{font-size:16px}.gallery-food{height:610px;border-radius:24px;overflow:hidden;background:#faf8f4;display:flex;align-items:center;justify-content:center}.gallery-food .packvisual{height:100%;padding:28px;background:transparent}.gallery-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.gallery-tabs .chip{padding:10px 16px}.gallery-hint{margin:10px 0 0}.gallery-benefits{min-height:610px;border-radius:24px;padding:36px;background:var(--ink);color:var(--palette-cream);display:flex;flex-direction:column;justify-content:center}.gallery-brand{width:140px;height:60px;object-fit:contain;align-self:start;margin-bottom:24px}.gallery-benefits .eyebrow{color:var(--palette-panel);font-size:16px}.gallery-benefits h2{font-size:38px;line-height:1.15;margin:16px 0 24px}.gallery-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:22px}.gallery-benefits li{border-top:1px solid color-mix(in srgb, var(--palette-cream) 20.78%, transparent);padding-top:18px}.gallery-benefits li strong{display:block;font-size:19px}.gallery-benefits li span{display:block;font-size:18px;margin-top:5px;color:#e3e8ef}.product-review-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;color:var(--palette-slate);margin:8px 0 12px}.empty-review-stars{font-size:20px;letter-spacing:1px;color:#65734e;white-space:nowrap}.card .product-review-status{margin-left:20px;margin-right:20px;font-size:18px;gap:3px}.card .empty-review-stars{font-size:18px}.product-review-link{display:inline-block}.product-review-link:hover{text-decoration:underline;text-underline-offset:4px} @media(max-width:850px){.gallery-food{height:auto;aspect-ratio:1 / 1}.gallery-food .packvisual{height:auto;aspect-ratio:1 / 1;padding:20px}.gallery-benefits{min-height:0;aspect-ratio:auto;padding:26px}.gallery-benefits h2{font-size:30px}.gallery-brand{margin-bottom:16px;width:120px;height:50px}.gallery-benefits ul{gap:14px}.gallery-benefits li{padding-top:12px}.gallery-benefits li strong{font-size:19px}.gallery-benefits li span{font-size:18px}.gallery-tabs .chip{font-size:18px;padding:10px 12px}.gallery-slide figcaption{font-size:16px}.card .product-review-status{margin-left:12px;margin-right:12px;min-height:48px;align-content:center}.card .empty-review-stars{font-size:18px;letter-spacing:0}.gallery-hint{font-size:16px}} .feeding-tool{margin:24px 0;padding:22px;border:1px solid #dce0e3;border-radius:18px;background:var(--palette-cream)}.feeding-tool h2{font-size:1.35rem}.feeding-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}.feeding-fields label{display:grid;gap:7px;font-weight:600}.feeding-fields input,.feeding-fields select{width:100%;min-height:44px;padding:9px;border:1px solid #aeb5bd;border-radius:9px;background:white;color:var(--palette-navy)}#feed-result{padding:16px;border-radius:10px;background:#f6f1ea;font-weight:700;color:var(--palette-navy)} .feeding-fields{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))}.feeding-fields input,.feeding-fields select{box-sizing:border-box;min-width:0;font-size:1rem}.feeding-tool{overflow-wrap:anywhere} .feeding-order{margin-top:16px;padding:16px;border:1px solid #dce0e3;border-radius:10px}.feeding-order h3{margin:0 0 10px;font-size:1.2rem}.feeding-order p{margin:10px 0}.feeding-order p:last-child{margin-bottom:0} /* Recipe cards: clear price comparison and a compact mobile shopping layout. */ .recipe-card{padding:0;border-radius:18px;box-shadow:none} .recipe-card .card-body{display:flex;flex-direction:column;min-width:0;padding:18px 18px 12px;flex:1} .recipe-card .card-range{font-size:16px;line-height:1.4;color:var(--palette-slate)} .recipe-card h3{margin:4px 0 6px;min-height:0;font-size:24px;line-height:1.2;letter-spacing:-.025em} .recipe-card .card-pack{font-size:18px;line-height:1.4;color:var(--palette-slate)} .recipe-card .card-pricing{margin-top:16px;padding-top:12px;border-top:1px solid #e1e5eb} .recipe-card .card-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;line-height:1.4;margin-bottom:6px;font-size:18px} .recipe-card .card-price-row strong{font-size:18px;white-space:nowrap;letter-spacing:-.02em} .recipe-card .card-subscribe-row{color:#334628;margin-top:8px} .recipe-card .card-saving{display:inline-block;align-self:flex-start;color:#334628;background:#edf2e8;border-radius:6px;padding:5px 8px;font-size:18px;font-weight:600;line-height:1.4;margin-top:2px} .recipe-card .card-price-note{display:block;font-size:18px;line-height:1.4;color:var(--palette-slate);margin-top:5px} .recipe-card .card-review{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:18px;line-height:1.4;color:var(--palette-slate);margin-top:12px} .recipe-card .card-review>span{font-size:18px;letter-spacing:0;white-space:nowrap;color:#65734e} .recipe-card>.card-action{display:flex;align-items:center;justify-content:center;margin:0 18px 16px;padding:10px 14px;min-height:44px;border:1px solid var(--palette-navy);border-radius:9px;text-decoration:none;font-size:18px;line-height:1.4;background:var(--palette-navy);color:white} .recipe-card .card-concept{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:3px 6px;border-radius:4px;background:color-mix(in srgb, var(--palette-cream) 92.94%, transparent);color:var(--palette-slate);font-size:16px;line-height:1.4;text-align:center} @media(max-width:600px){ .product-card-grid{grid-template-columns:minmax(0,1fr);gap:14px} .recipe-card{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);border-radius:16px;align-items:stretch} .recipe-card .productimage{grid-column:1;grid-row:1;background:var(--palette-cream);display:flex;align-items:center;min-width:0} .product-card-grid .recipe-card .productimage>.packvisual,.home-page .product-card-grid .recipe-card .productimage>.packvisual{height:auto;width:100%;aspect-ratio:4/5;padding:6px} .recipe-card .productimage>img{width:100%;height:auto;max-height:190px;object-fit:contain;padding:6px} .recipe-card .card-body{grid-column:2;grid-row:1;padding:14px 14px 12px} .recipe-card h3{font-size:21px;margin:3px 0 5px;min-height:0} .recipe-card .card-range,.recipe-card .card-pack{font-size:16px} .recipe-card .card-pricing{margin-top:12px;padding-top:10px} .recipe-card .card-price-row{font-size:18px;gap:4px;margin-bottom:4px} .recipe-card .card-price-row strong{font-size:19px} .recipe-card .card-subscribe-row{margin-top:6px} .recipe-card .card-saving{font-size:18px;padding:4px 7px} .recipe-card .card-review{margin-top:9px;gap:6px} .recipe-card>.card-action{grid-column:1 / -1;margin:0;padding:12px 16px;border:0;border-top:1px solid #e1e5eb;border-radius:0;background:var(--palette-cream);color:var(--palette-navy);min-height:46px} .recipe-card .card-concept{left:6px;bottom:8px;max-width:calc(100% - 12px);font-size:16px} .recipe-card:hover{transform:none} } @media(max-width:350px){.recipe-card{grid-template-columns:minmax(0,29%) minmax(0,1fr)}.recipe-card .card-body{padding:12px 10px}.recipe-card .card-price-row{display:block}.recipe-card .card-price-row strong{display:block}} .branding-agreement{text-align:left;margin:0 0 20px;padding:16px;border:1px solid color-mix(in srgb, var(--palette-cream) 25.1%, transparent);border-radius:12px;background:color-mix(in srgb, var(--palette-cream) 3.53%, transparent)}.branding-agreement-label{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.6;cursor:pointer}.branding-agreement-label input{flex:0 0 22px;width:22px;height:22px;margin:2px 0 0;accent-color:var(--palette-panel)}.branding-agreement-label span{min-width:0}.branding-agreement a{color:var(--palette-cream);text-decoration:underline;text-underline-offset:3px}.branding-agreement a:hover{color:var(--palette-panel)}.branding-agreement p{font-size:18px;line-height:1.5;color:#dce0e3;margin:10px 0 0 34px}.branding-shop:disabled{opacity:1;background:#9ba5b3;border-color:#9ba5b3;color:var(--palette-navy);cursor:not-allowed}.branding-dialog form{margin:0}.branding-dialog .branding-shop{white-space:normal} /* Treats heading: expressive type with the range's lavender colour. */ .treats-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;background:#e0d3ed;color:var(--palette-navy);border-radius:24px;padding:32px 36px;margin:0 0 28px;border-bottom:0}.treats-header-copy{min-width:0}.treats-kicker{display:inline-block;font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border:1px solid color-mix(in srgb, var(--palette-navy) 33.33%, transparent);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px}.treats-header h1,.treats-header h2{font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:750;margin:18px 0 16px}.treats-header h1 span,.treats-header h2 span{display:inline-block;color:#614078;font-style:italic;letter-spacing:-.04em}.treats-header p{font-size:18px;line-height:1.6;margin:0 0 16px;max-width:540px}.treats-header-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:18px;font-weight:600;line-height:1.5}.treats-header-facts span:last-child{padding-left:18px;border-left:1px solid color-mix(in srgb, var(--palette-navy) 33.33%, transparent)}.treats-header .treats-header-link{flex-shrink:0;background:var(--palette-navy);color:var(--palette-cream);margin-bottom:4px;white-space:nowrap;padding:13px 22px}.home-page .treats-feature .treats-header h2{font-size:clamp(38px,5vw,66px);color:var(--palette-navy);line-height:1.03;margin:18px 0 16px}.home-page .treats-feature .treats-header p{color:var(--palette-navy);font-size:18px} @media(max-width:600px){.treats-header{padding:24px 22px;gap:20px;flex-direction:column;align-items:flex-start;border-radius:18px;margin-bottom:22px}.treats-header h1,.treats-header h2,.home-page .treats-feature .treats-header h2{font-size:clamp(36px,10vw,48px);line-height:1.06}.treats-header p{font-size:18px}.treats-header .treats-header-link{margin:0;min-height:46px}.treats-header-facts{gap:6px;font-size:18px;flex-direction:column}.treats-header-facts span:last-child{padding:0;border:0}} /* Product-focused refresh: honest food photography and quieter shopping cards. */ .home-hero .hero-fresh{position:relative;background:#faf8f4;border-radius:28px;min-height:490px;box-shadow:none;display:block;isolation:isolate} .hero-food-photo{position:absolute;inset:0 40% 0 0;overflow:hidden} .hero-food-photo>.packvisual{width:100%;height:100%;padding:0} .hero-fresh-pack{position:absolute;inset:22% -4% 5% 35%;transform:rotate(5deg);z-index:1} .hero-fresh-pack>.packvisual{width:100%;height:100%;padding:0} .hero-art-title{position:absolute;top:28px;right:28px;color:var(--ink);font-size:28px;line-height:1.08;letter-spacing:-.035em;font-weight:600;text-align:right;z-index:2} .hero-photo-note{position:absolute;left:18px;bottom:16px;font-size:16px;line-height:1.5;color:var(--palette-slate);padding:6px 9px;background:color-mix(in srgb, var(--palette-cream) 94.12%, transparent);border-radius:8px;z-index:2} .recipe-card .food-peek{position:absolute;right:12px;bottom:12px;width:76px;height:76px;display:block;border:3px solid var(--palette-cream);border-radius:50%;overflow:hidden;background:#faf8f4;box-shadow:none} .recipe-card .food-peek>.packvisual{width:100%;height:100%;padding:0;background:transparent} .home-page .card.recipe-card{padding-bottom:0} .recipe-card .card-body{padding:18px 18px 14px} .home-page .recipe-card h3{margin:5px 0 7px;min-height:0;font-size:24px;font-weight:700} .recipe-card .card-range{font-size:16px;letter-spacing:.06em;text-transform:uppercase} .recipe-card .card-pricing{margin-top:auto;padding-top:16px;border:0} .recipe-card .card-pack{margin-bottom:14px} .recipe-card .card-price-row{font-size:18px;margin-bottom:8px} .recipe-card .card-price-row strong{font-size:20px} .recipe-card .card-subscribe-row{color:var(--ink);margin-top:0} .recipe-card .card-saving{margin-top:2px;font-size:18px;background:#edf2e8;color:#334628;border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;padding:5px 9px} .recipe-card>.card-action{border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;margin:0 18px 18px;font-size:18px;min-height:46px} .recipe-card .card-concept{left:10px;bottom:10px;max-width:calc(100% - 106px);font-size:16px;text-align:left;background:color-mix(in srgb, var(--palette-cream) 92.94%, transparent)} .reviews-awaiting .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:38px} .reviews-awaiting h2{font-size:32px;margin:10px 0} .reviews-awaiting p{margin:0;font-size:18px;color:var(--palette-slate)} .reviews-awaiting .btn{flex-shrink:0} @media(min-width:1151px){.fresh-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.home-page .fresh-five .productimage>.packvisual{height:240px;padding:12px}.fresh-five .card-body{padding:16px 14px 14px}.home-page .fresh-five h3{font-size:23px}.fresh-five .card-action{margin-inline:14px}.fresh-five .card-price-row strong{font-size:18px}.fresh-five .food-peek{width:62px;height:62px;right:8px;bottom:10px}.fresh-five .card-concept{max-width:calc(100% - 82px);left:6px;padding:3px 4px}} @media(min-width:601px) and (max-width:1150px){.fresh-five{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:14px;scrollbar-width:thin}.fresh-five>.recipe-card{flex:0 0 260px;scroll-snap-align:start}} @media(max-width:850px){.home-hero .hero-fresh{min-height:390px;border-radius:24px}.hero-art-title{font-size:25px;top:24px;right:24px}.hero-fresh-pack{inset:24% -4% 3% 33%}.reviews-awaiting .wrap{align-items:flex-start;flex-direction:column;gap:20px}.reviews-awaiting h2{font-size:28px}} @media(max-width:600px){.home-hero .hero-fresh{min-height:335px}.hero-art-title{font-size:22px;right:18px;top:20px}.hero-photo-note{font-size:16px;left:10px;bottom:10px;padding:5px 7px}.recipe-card .card-body{padding:16px 14px 14px}.home-page .recipe-card h3{font-size:23px}.recipe-card .card-price-row strong{font-size:18px}.recipe-card>.card-action{grid-column:1 / -1;margin:0;border-radius:0;background:var(--ink);color:var(--palette-cream);border:0;font-size:18px;min-height:48px}.recipe-card .food-peek{width:54px;height:54px;right:7px;bottom:30px;border-width:2px}.recipe-card .card-concept{left:4px;bottom:5px;max-width:calc(100% - 8px);font-size:16px;padding:3px 4px;text-align:center}.recipe-card .card-pack{margin-bottom:10px}.recipe-card .card-pricing{padding-top:8px}.fresh-five{display:grid;grid-template-columns:minmax(0,1fr)}} /* Refinement: carry the same shopping rhythm across home, ranges and recipes. */ .range-navigation{display:flex;justify-content:center;gap:32px;padding:10px 5%;border-bottom:1px solid var(--line);background:var(--palette-cream);font-size:18px;font-weight:600} .range-navigation a{display:flex;align-items:center;min-height:36px;white-space:nowrap;border-bottom:2px solid transparent} .range-navigation a:hover,.range-navigation a[aria-current=page]{color:#78513d;border-color:var(--clay)} .btn{border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;min-height:48px;font-size:18px} .btn.clay{background:var(--ink);border-color:var(--ink)} .btn:hover:not(:disabled){box-shadow:none} .shop-title{font-size:clamp(36px,5vw,58px);max-width:860px;line-height:1.1} .shop-page>p{font-size:18px;color:var(--palette-slate);max-width:700px} .shop-page>.small{font-size:18px} .product-card-grid{align-items:stretch} .home-page .recipe-card{padding-bottom:0} .home-page .recipe-card h3{margin:4px 0 6px} .recipe-card .card-pricing{margin-top:auto} .recipe-card .card-pack{margin-bottom:16px} .recipe-card .card-price-row{font-variant-numeric:tabular-nums} .recipe-card:focus-visible{outline:3px solid var(--clay);outline-offset:4px} .recipe-card>.card-action{transition:background .2s} .recipe-card:hover .card-action{background:var(--palette-navy)} .product .field{margin:20px 0} .product #productprice{font-size:28px;font-variant-numeric:tabular-nums;margin:22px 0 10px} .product .subscription-saving{background:#f4f6f2;border-color:#dce5d4} .gallery-tabs .chip{min-height:44px} .feeding-tool{background:#f4f5f7;border-color:#e1e5eb} #feed-result{background:var(--palette-cream);border-left:0;font-size:18px;line-height:1.5} .feeding-order{background:var(--palette-cream)} .footerlinks a{display:inline-flex;align-items:center;min-height:44px;font-size:18px} @media(min-width:1051px){.product-gallery{position:sticky;top:24px}.product-card-grid .recipe-card .card-body{min-height:292px}} @media(max-width:850px){ header{flex-wrap:wrap;gap:8px 16px;padding-top:12px;padding-bottom:12px} header nav{font-size:18px;gap:16px;flex:1;justify-content:flex-end} header .bag{min-height:44px;display:inline-flex;align-items:center;justify-content:center} .range-navigation{justify-content:flex-start;gap:24px;overflow-x:auto;scrollbar-width:thin;padding:7px 5%;font-size:18px} .range-navigation a{flex-shrink:0;min-height:40px} .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;gap:8px;margin-bottom:22px;scrollbar-width:thin} .filters .chip{flex-shrink:0;white-space:nowrap;min-height:44px} .shop-page>p{font-size:18px} .product .gallery-tabs{gap:6px} } @media(max-width:600px){ header .logo{width:105px;height:44px} header nav{gap:10px;font-size:18px} header nav>a[href="#finder"]{display:none} .home-page .recipe-card .card-body{padding:16px 14px 12px} .home-page .recipe-card h3,.recipe-card h3{font-size:22px;margin:4px 0 6px} .recipe-card .card-pack{margin-bottom:12px} .recipe-card .card-pricing{padding-top:10px} .home-page .recipe-card>.card-action,.recipe-card>.card-action{margin:0;background:var(--ink);color:var(--palette-cream);border:0;min-height:48px} .recipe-card:hover .card-action{background:var(--palette-navy)} .home-page .range-overview .grid{gap:12px} .home-page .range h3{font-size:18px} .home-page .range>div{padding:16px 12px} .home-page .range .textlink{font-size:18px} .home-page .range>.packvisual{height:180px} .home-hero .hero{padding-top:30px} .home-hero h1{font-size:clamp(36px,10vw,52px)} .home-hero .buttons{gap:10px} .home-hero .buttons .btn{padding-inline:16px;font-size:18px} } /* The Fresh hero cutout sits directly on the navy brand background. */ .home-hero .hero-fresh{background:transparent;border-radius:0;overflow:visible;min-height:0;aspect-ratio:3 / 2} .hero-fresh-cutout{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;transform:none;mix-blend-mode:normal} .heroart img.hero-fresh-cutout{width:100%;height:auto;transform:none;mix-blend-mode:normal} .hero-fresh .hero-photo-note{position:static;display:block;width:100%;margin:8px 0 0;padding:0;background:transparent;color:#d6dce6;text-align:center;font-size:16px} @media(max-width:850px){.home-hero .hero-fresh{min-height:0;border-radius:0}} /* Recipe ingredients stay visible while browsing and choosing a pack. */ .recipe-card .card-ingredients{margin:0 0 12px;font-size:18px;line-height:1.5;color:var(--palette-slate);max-width:none} .recipe-ingredients{margin:0 0 18px;padding:16px 18px;background:#f4f5f7;border-radius:12px;border-left:0} .recipe-ingredients>span{font-size:18px;font-weight:600;color:var(--palette-slate)} .recipe-ingredients p{font-size:18px;font-weight:500;line-height:1.5;margin:5px 0 8px} .recipe-ingredients small{font-size:18px;color:var(--palette-slate);line-height:1.5} @media(max-width:600px){.recipe-card .card-ingredients{font-size:18px;line-height:1.45;margin-bottom:10px}.recipe-ingredients{padding:14px}.recipe-ingredients p{font-size:18px}} /* Quiet award credit, linked separately from the recipe purchase controls. */ .recipe-card>.productimage{display:block;position:relative} .recipe-card h3 a:hover{text-decoration:underline;text-underline-offset:4px} .card-award{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;gap:3px;background:#fbf3dc;color:#674a13;border:1px solid #e5d39f;border-radius:8px;padding:7px 9px;margin:0 0 12px;line-height:1.4} .card-award>span{font-size:18px;font-weight:600} .card-award>small{font-size:18px;color:#70572c} .card-award:hover{background:#f6e9c4;text-decoration:underline;text-underline-offset:3px} @media(max-width:600px){.card-award{padding:6px 8px}.card-award>span{font-size:18px}.recipe-card>.productimage{display:flex}} /* Footer reviews and store payment methods */ .footer-confidence{flex:1 0 100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 20.78%, transparent);padding-top:26px;margin-top:8px}.footer-trustpilot{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:44px}.footer-trustpilot-mark{display:flex;align-items:center;gap:8px}.footer-trustpilot-mark img{width:28px;height:28px;display:block}.footer-trustpilot-mark strong{font-size:22px;font-weight:600;letter-spacing:-.04em;line-height:1.3}.footer-trustpilot-caption{font-size:16px;color:#d1d8e1}.footer-trustpilot:hover .footer-trustpilot-caption{text-decoration:underline;text-underline-offset:4px}.footer-payment-group>p{font-size:18px;margin:0 0 10px;text-align:right}.footer-payments{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.footer-payment{display:flex;align-items:center;justify-content:center;width:54px;height:36px;background:var(--palette-cream);border-radius:4px}.footer-payment img{display:block;width:50px;height:32px;object-fit:contain}@media(max-width:700px){.footer-confidence{flex-direction:column;align-items:flex-start;gap:24px}.footer-payment-group{width:100%}.footer-payment-group>p{text-align:left}.footer-payments{gap:8px;max-width:100%}} /* Isolated award assets: consistent square bounds without surrounding pack artwork. */ .award-icons .footer-award-badge{display:block;width:140px;height:140px;object-fit:contain;flex-shrink:0}.award-icons{align-items:flex-start}.award-icons a{width:220px;max-width:100%}@media(max-width:850px){.award-icons .footer-award-badge{width:min(132px,100%);height:auto;aspect-ratio:1}.award-icons a{width:100%;min-width:0}} /* Verified Fresh recipe totals, including named organs. */ .recipe-card .card-meat{font-size:18px;font-weight:600;line-height:1.4;color:var(--navy,var(--palette-navy));margin:0 0 10px} .recipe-meat{margin:0 0 16px}.recipe-meat strong{font-size:20px}.recipe-meat p{font-size:18px;line-height:1.5;margin:6px 0 0;color:var(--palette-slate)} .gallery-ingredients img{width:100%;height:100%;object-fit:contain}.gallery-rear .packvisual{padding:12px} .product-card-grid .recipe-card .productimage>img[src*="-isolated.svg"]{width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain;padding:6px} .bigimage>img[src*="-isolated.svg"]{display:block;width:100%;height:610px;object-fit:contain;padding:24px} @media(max-width:850px){.bigimage>img[src*="-isolated.svg"]{height:auto;aspect-ratio:1/1;padding:20px}} /* Fresh rear labels retain their whole pouch at every viewport. */ .gallery-rear>img{display:block;width:100%;height:100%;object-fit:contain;padding:12px} /* Treat scenes show the full pouch and air-dried bites at every viewport. */ .gallery-treats>img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:normal} .detailsbody table{border-collapse:collapse;width:100%;max-width:420px}.detailsbody th,.detailsbody td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px;font-size:18px} /* Clear onward paths after adding food and from the basket. */ .purchase-next-actions{margin-top:12px;gap:10px;flex-wrap:wrap}.purchase-next-actions .btn{min-height:48px}.basket-back{display:inline-block;margin-bottom:18px;padding-block:8px} @media(max-width:600px){.purchase-next-actions{display:grid;grid-template-columns:1fr}.purchase-next-actions .btn{text-align:center;width:100%}.cart-checkout-form,.cart-checkout-form .btn{width:100%}} /* Keep each treat pouch at its own intrinsic aspect ratio; never squeeze a pair bitmap. */ .gallery-treat-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:24px} .gallery-treat-pair .treat-pair-view{min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden} .gallery-treat-pair .treat-pair-view>img,.gallery-treat-pair .treat-pair-view>.packvisual{display:block;width:100%;height:100%;object-fit:contain;padding:0;background:transparent} @media(max-width:850px){.gallery-treat-pair{padding:16px;gap:8px}.gallery-treat-pair .treat-pair-view>.packvisual{aspect-ratio:auto}} /* October refinement: clear navigation, product focus, and a quieter footer. */ .branding-notice{background:#f7eee8;border-bottom:1px solid #ead7ca;color:var(--palette-navy)} .branding-notice[hidden]{display:none} .branding-notice-inner{position:relative;max-width:1380px;margin:auto;padding:10px 5%} .branding-notice details{border:0;padding:0;margin-right:44px} .branding-notice summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap;min-height:36px;list-style:none;font-size:18px} .branding-notice summary::-webkit-details-marker{display:none} .branding-notice summary span{font-weight:400;text-decoration:underline;text-underline-offset:4px} .branding-notice-close{position:absolute;right:4%;top:6px;min-width:44px;min-height:44px;border:0;background:none;font-size:26px;color:var(--palette-navy)} .branding-notice-content{max-width:720px;padding:8px 0 12px} .branding-notice-content p{font-size:18px;line-height:1.6} .branding-notice-agreement{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.6;margin-bottom:16px} .branding-notice-agreement input{width:22px;height:22px;flex-shrink:0;accent-color:var(--palette-navy);margin-top:2px} .branding-notice-agreement a{text-decoration:underline;text-underline-offset:3px} .branding-notice-content .btn{min-height:44px} .fresh-food-thumbnail{display:block;width:100%;height:100%;background-size:205% auto;background-position:0% 50%;background-repeat:no-repeat} .home-selection>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .home-selection.treats-selection>.grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px} .range-view-all{display:inline-flex;min-height:44px;align-items:center;margin-top:20px} .home-page .fresh-story{border-top:4px solid var(--palette-denim);padding-top:28px} .home-page .range-fresh>div{background:var(--palette-panel)} .home-page .range-cold>div{background:var(--palette-panel)} .home-page .range-treats>div{background:var(--palette-panel)} .treats-header{background:var(--palette-panel);border-bottom-color:var(--palette-slate)} .treats-header h1 span,.treats-header h2 span{color:#46573c} .home-page .treats-feature .treats-header h2 span{color:#46573c} .gallery-benefits-treats{background:#46573c} .site-footer{position:relative;isolation:isolate;overflow:hidden;display:block;padding:44px 5% 20px;gap:0} .footer-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(170px,.9fr) minmax(380px,2fr) minmax(210px,1fr);gap:36px;max-width:1240px;margin:0 auto 24px} .site-footer .footer-brand p{font-size:18px;line-height:1.65;margin-top:18px} .site-footer .footerlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:auto;max-width:none;align-items:start;font-weight:400} .site-footer .footerlinks>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0} .site-footer .footerlinks h3{font-size:18px;letter-spacing:0;margin:0 0 8px;font-weight:600} .site-footer .footerlinks a{min-height:40px;font-size:18px;line-height:1.45;padding-block:6px} .site-footer .footer-awards{border-top:0;margin:0;padding:0;flex:initial;width:auto} .site-footer .footer-awards>p{font-size:18px;line-height:1.6;margin:0;max-width:250px} .site-footer .award-icons{gap:16px;flex-wrap:nowrap;margin:16px 0 0} .site-footer .award-icons a{width:96px;max-width:100%;gap:8px;min-width:0} .site-footer .award-icons .footer-award-badge{width:96px;height:96px;max-width:100%;object-fit:contain} .site-footer .award-icons span{font-size:18px} .site-footer .footer-confidence{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding-top:22px;gap:24px} .site-footer .footer-trustpilot-mark strong{font-size:20px} .footer-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:22px auto 0;padding-top:16px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 12.55%, transparent);font-size:16px;color:#d1d8e1} .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:16px} .footer-portrait{position:absolute;z-index:0;right:-110px;top:-50px;width:380px;height:460px;opacity:.065;filter:grayscale(1);mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 70%);pointer-events:none} .site-footer{ background-color:var(--palette-navy); background-image: repeating-linear-gradient(0deg,transparent 0 24px,rgba(167,197,229,.065) 24px 26px,transparent 26px 30px,rgba(167,197,229,.065) 30px 32px,transparent 32px 112px), repeating-linear-gradient(90deg,transparent 0 24px,rgba(167,197,229,.065) 24px 26px,transparent 26px 30px,rgba(167,197,229,.065) 30px 32px,transparent 32px 112px), repeating-linear-gradient(0deg,transparent 0 52px,rgba(167,197,229,.035) 52px 82px,transparent 82px 112px), repeating-linear-gradient(90deg,transparent 0 52px,rgba(167,197,229,.035) 52px 82px,transparent 82px 112px); } .site-footer .footer-brand .footer-heritage{color:#d7e5f5;font-size:18px;font-weight:600;line-height:1.55;margin:18px 0} @media(max-width:1100px){.footer-top{grid-template-columns:180px minmax(0,1fr);gap:28px}.site-footer .footer-awards{grid-column:2}.footer-portrait{right:-140px;top:100px}} @media(max-width:850px){header .logo{width:130px;height:55px}header nav{gap:18px}.home-selection>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-selection>.grid>.recipe-card:last-child:nth-child(odd){grid-column:auto}.footer-top{grid-template-columns:1fr;gap:24px}.site-footer .footer-awards{grid-column:auto}.footer-portrait{display:none}} @media(max-width:600px){header .logo{width:130px;height:55px}header nav{gap:12px}header .bag{padding-inline:12px}.home-selection>.grid,.home-selection.treats-selection>.grid{grid-template-columns:minmax(0,1fr);gap:16px}.site-footer{padding:32px 5% 18px}.site-footer .footerlinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-footer .footerlinks>div:last-child{grid-column:1 / -1}.site-footer .footerlinks a{min-height:44px}.site-footer .footer-confidence{flex-direction:column;align-items:flex-start}.site-footer .footer-payment-group>p{text-align:left}.footer-bottom{align-items:flex-start;flex-direction:column;gap:2px}.branding-notice summary{gap:2px 10px}.branding-notice summary span{font-size:18px}.branding-notice-inner{padding-block:8px}} @media(max-width:350px){header .logo{width:116px;height:49px}header nav{gap:8px}header .bag{padding-inline:10px}} /* Cold-pressed actions must remain distinct from the navy section. */ .cold-feature .recipe-card>.card-action{background:var(--palette-panel);color:var(--palette-navy);border-top:1px solid var(--palette-denim);font-weight:700} .cold-feature .recipe-card:hover .card-action,.cold-feature .recipe-card>.card-action:hover{background:#f5cfb9;color:var(--palette-navy)} .cold-feature .recipe-card>.card-action:focus-visible{outline:3px solid var(--palette-navy);outline-offset:-6px} /* Newsletter invitation across the footer, above payment and review links. */ .footer-newsletter{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1240px;margin:0 auto 28px;padding:28px 0;border-top:1px solid color-mix(in srgb, var(--palette-cream) 20.78%, transparent)} .footer-newsletter h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:0 0 10px;color:var(--palette-panel)} .footer-newsletter p{font-size:18px;margin:0;max-width:430px;color:#d1d8e1} .footer-newsletter form{min-width:0}.footer-newsletter label{display:block;font-size:18px;font-weight:600;margin-bottom:8px} .newsletter-fields{display:flex;gap:10px}.newsletter-fields input{flex:1;min-width:0;min-height:50px;border:1px solid #d1d8e1;border-radius:8px;padding:12px 14px;background:var(--palette-cream);color:var(--palette-navy);font-size:18px} .newsletter-fields button{min-height:50px;border:1px solid var(--palette-panel);border-radius:8px;padding:12px 20px;background:var(--palette-panel);color:var(--palette-navy);font-size:18px;font-weight:700;white-space:nowrap} .newsletter-fields button:hover{background:#f5cfb9}.footer-newsletter :focus-visible{outline:3px solid var(--palette-panel);outline-offset:4px} .footer-newsletter #newsletter-privacy,.footer-newsletter #newsletter-status{font-size:16px;line-height:1.6;max-width:none;margin-top:12px}.footer-newsletter a{text-decoration:underline;text-underline-offset:3px} @media(max-width:850px){.footer-newsletter{grid-template-columns:1fr;gap:20px}} @media(max-width:450px){.newsletter-fields{flex-direction:column}.newsletter-fields button{width:100%}} /* Larger packaging explanation with a readable, dismissible dialog. */ .packaging-dialog{width:min(760px,calc(100% - 32px));max-width:760px;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:24px;background:var(--palette-panel);color:var(--palette-navy);overflow:auto;box-shadow:none} .packaging-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 70.2%, transparent)} .packaging-dialog-inner{position:relative;padding:48px 52px} .packaging-dialog-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--palette-navy);font-size:30px;border-radius:50%} .packaging-dialog-close:hover{background:color-mix(in srgb, var(--palette-panel) 33.33%, transparent)} .packaging-dialog .eyebrow{color:#78513d;font-size:16px;padding-right:30px} .packaging-dialog h2{font-size:clamp(36px,5vw,52px);line-height:1.1;margin:18px 0 24px;letter-spacing:-.04em} .packaging-dialog h2 span{color:var(--palette-slate)} .packaging-dialog p{font-size:18px;line-height:1.65;margin:0 0 18px} .packaging-dialog .packaging-explanation{font-size:18px;margin-bottom:26px} .packaging-dialog .branding-notice-agreement{border-top:1px solid #ead7ca;padding-top:20px;margin-bottom:20px} .packaging-dialog .btn{width:100%;min-height:50px;white-space:normal} .packaging-dialog .btn:disabled{opacity:1;background:#cbd0d7;color:#344054;border-color:#cbd0d7} @media(max-width:600px){.packaging-dialog-inner{padding:40px 24px 28px}.packaging-dialog h2{font-size:38px}.packaging-dialog p{font-size:19px}.packaging-dialog .packaging-explanation{font-size:18px}} .packaging-dialog{width:min(960px,calc(100% - 32px));max-width:960px} .packaging-dialog-layout{display:grid;grid-template-columns:34% minmax(0,1fr)} .packaging-dialog-art{background:var(--palette-panel);display:flex;align-items:center;overflow:hidden;min-width:0} .packaging-dialog-art img{display:block;width:100%;height:100%;max-height:640px;object-fit:contain;object-position:center;mix-blend-mode:normal} .packaging-dialog-inner{padding:44px 40px} @media(max-width:700px){.packaging-dialog-layout{grid-template-columns:1fr}.packaging-dialog-art{height:150px}.packaging-dialog-art img{height:150px;object-fit:contain}.packaging-dialog-inner{padding:28px 24px}.packaging-dialog-close{top:8px;right:8px}.packaging-dialog h2{font-size:36px;margin:14px 0 18px}} .home-hero .hero-heritage{color:#d6dce6;font-size:18px;line-height:1.6;margin:8px 0 0;max-width:100%;letter-spacing:.02em} /* Brand signature in the header, with a left-aligned mobile logo. */ .header-brand{display:flex;align-items:center;gap:22px;min-width:0;flex-shrink:0} .header-brand>a{display:block;flex-shrink:0}.header-brand .logo{display:block} .header-slogan{margin:0;padding-left:22px;border-left:1px solid #dce0e3;font-size:18px;line-height:1.4;font-weight:600;white-space:nowrap;color:var(--palette-navy)} .header-slogan span{color:var(--palette-slate)} .header-sub-slogan{display:block;margin-top:3px;font-size:16px;line-height:1.4;font-weight:400;color:var(--palette-navy);white-space:normal} @media(max-width:850px){header{align-items:stretch;padding-top:8px;padding-bottom:6px;gap:4px 16px}.header-brand{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}.header-slogan{padding-left:0;border-left:0;font-size:18px;line-height:1.3;white-space:normal;min-width:0}.header-slogan span{display:inline}.header-sub-slogan{margin-top:3px;font-size:16px;line-height:1.3}header nav{flex:initial;justify-content:space-between;width:100%}.range-navigation{padding-top:3px;padding-bottom:3px}} @media(max-width:350px){.header-brand{gap:12px}.header-brand .logo{width:116px;height:49px}.header-slogan{font-size:18px}.header-sub-slogan{font-size:16px}} /* Food close-ups must retain their own viewport instead of the pack's height. */ .home-page .recipe-card .productimage .food-peek>.packvisual,.recipe-card .productimage .food-peek>.packvisual{width:100%;height:100%;padding:0;background:transparent;aspect-ratio:1} .cold-food-thumbnail{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:400% auto;background-position:84% 52%} .recipe-card .food-peek.cold-food-peek{width:88px;height:88px;z-index:1} .comparison-food>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;padding:0} @media(max-width:600px){.recipe-card .food-peek.cold-food-peek{width:68px;height:68px;right:7px;bottom:30px}} .footer-social{margin-top:20px}.site-footer .footer-social>p{font-size:18px;font-weight:600;margin:0 0 10px;color:var(--palette-cream)} .social-icons{display:flex;flex-wrap:wrap;gap:10px}.social-icons a,.social-icons button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:48px;min-height:66px;background:transparent;color:var(--palette-cream);border:0;padding:5px;border-radius:8px;font-size:18px;font-weight:500}.social-icons svg{width:24px;height:24px}.social-icons a:hover,.social-icons button:hover{color:var(--palette-panel);background:color-mix(in srgb, var(--palette-cream) 7.06%, transparent)} .chat-launcher{position:fixed;z-index:50;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 20px;background:var(--palette-navy);color:var(--palette-cream);border:2px solid var(--palette-panel);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;font-size:18px;font-weight:600;box-shadow:none}.chat-launcher svg{width:24px;height:24px;color:var(--palette-panel)}.chat-launcher:hover{background:var(--palette-navy)} .nudog-chat[hidden]{display:none}.nudog-chat{position:fixed;z-index:51;right:24px;bottom:calc(max(24px,env(safe-area-inset-bottom)) + 68px);width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 120px);display:flex;flex-direction:column;background:var(--palette-cream);color:var(--palette-navy);border:1px solid #dce0e3;border-radius:20px;overflow:hidden;box-shadow:none} .chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--palette-navy);color:var(--palette-cream);padding:18px 20px}.chat-heading h2{font-size:21px;letter-spacing:-.02em;margin:0 0 4px}.chat-heading p{font-size:18px;margin:0;color:var(--palette-panel)}.chat-heading button{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:color-mix(in srgb, var(--palette-cream) 7.06%, transparent);color:var(--palette-cream);font-size:28px} .chat-body{padding:20px;overflow:auto;min-height:0}.chat-welcome{font-size:19px;font-weight:600;margin:0 0 10px}.chat-disclosure{font-size:18px;color:var(--palette-slate);margin:0 0 18px}.chat-shortcuts{display:grid;gap:8px}.chat-shortcuts a{display:flex;align-items:center;min-height:44px;border:1px solid #dce0e3;border-radius:8px;padding:10px 12px;font-size:18px}.chat-shortcuts a:hover{background:var(--palette-panel)} #chat-messages p{font-size:18px;line-height:1.6;padding:12px;border-radius:12px;margin:12px 0 0;overflow-wrap:anywhere}.chat-user{background:var(--palette-navy);color:var(--palette-cream);margin-left:24px}.chat-reply{background:var(--palette-cream);margin-right:16px} #chat-form{border-top:1px solid #dce0e3;padding:14px 20px 18px}#chat-form label{display:block;font-size:18px;margin-bottom:6px}.chat-compose{display:flex;gap:8px}.chat-compose input{min-width:0;flex:1;min-height:46px;border:1px solid #aeb5bd;border-radius:8px;padding:10px;font-size:18px;color:var(--palette-navy);background:var(--palette-cream)}.chat-compose button{border:0;border-radius:8px;background:var(--palette-panel);color:var(--palette-navy);font-size:18px;font-weight:700;padding:10px 14px;min-height:46px} @media(max-width:600px){.chat-launcher{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px 16px}.nudog-chat{right:16px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 68px)}.footer-bottom{padding-bottom:70px}} /* Help pages share the storefront's navy, peach and sage brand language. */ .info-page{background:var(--palette-cream)}.info-hero{background:var(--palette-navy);color:var(--palette-cream);border-radius:0 0 36px 36px}.info-hero-inner{padding-top:48px;padding-bottom:48px}.info-hero-inner.with-image{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7%;align-items:center}.info-back{display:inline-flex;align-items:center;min-height:44px;font-size:18px;text-decoration:underline;text-underline-offset:4px;margin-bottom:16px;color:#d6dce6}.info-hero .eyebrow{color:var(--palette-panel);font-size:16px}.info-hero h1{font-size:clamp(44px,5.5vw,68px);margin:18px 0 24px;line-height:1.08}.info-hero h1 span{color:var(--palette-panel)}.info-hero .lead{color:#e3e8ef;max-width:600px;font-size:19px;line-height:1.65}.info-hero .buttons{margin-bottom:0}.info-hero .btn{background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-panel);min-height:48px}.info-hero .btn.alt{background:transparent;color:var(--palette-cream);border-color:color-mix(in srgb, var(--palette-cream) 37.65%, transparent)}.info-badge{display:inline-block;border:1px solid color-mix(in srgb, var(--palette-panel) 50.2%, transparent);padding:8px 14px;border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;font-size:18px;font-weight:600;color:var(--palette-panel)}.info-hero-image{min-width:0;background:var(--palette-panel);border-radius:26px;overflow:hidden;aspect-ratio:1.15}.info-hero-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.info-navigation{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;border-bottom:1px solid #dce0e3;padding:16px 5%;font-size:18px}.info-navigation a{display:flex;align-items:center;min-height:44px;border-bottom:2px solid transparent}.info-navigation a[aria-current=page]{border-color:var(--palette-slate);color:var(--palette-slate)}.info-content{padding-top:44px;padding-bottom:48px}.info-tiles,.info-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:44px}.info-tiles article,.info-contact-grid article{min-width:0;border:1px solid #dce0e3;border-radius:20px;padding:26px;background:var(--palette-panel)}.info-tiles article:nth-child(2){background:var(--palette-panel)}.info-tiles article:nth-child(3){background:var(--palette-cream)}.info-tiles h2,.info-contact-grid h2{font-size:25px;letter-spacing:-.03em;margin:0 0 12px}.info-tiles p{margin:0;font-size:18px;line-height:1.65}.info-contact-grid a{font-size:19px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}.info-section{margin:44px 0}.info-section>h2{font-size:34px;margin:0 0 24px}.info-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:steps}.info-steps li{counter-increment:steps;border-top:2px solid var(--palette-denim);padding-top:20px}.info-steps li:before{content:'0' counter(steps);color:var(--palette-slate);font-size:26px;font-weight:600}.info-steps h3{font-size:21px;margin:12px 0 8px}.info-steps p{font-size:18px;margin:0;line-height:1.65}.info-faqs{max-width:900px}.info-faqs details{padding:0}.info-faqs summary{font-size:19px;line-height:1.5;padding:20px 4px;min-height:60px}.info-faqs .detailsbody{padding:0 4px 20px;font-size:18px}.info-faqs .detailsbody p{margin:0;max-width:none}.info-prose{max-width:820px}.info-prose section{border-bottom:1px solid #dce0e3;padding:24px 0}.info-prose h2{font-size:28px;margin:0 0 12px}.info-prose p{font-size:18px;line-height:1.8;margin:0;max-width:none}.info-summary-label{border-left:3px solid var(--palette-denim);background:var(--palette-panel);padding:16px}.info-notice{background:var(--palette-panel);border:1px solid #ead7ca;border-left:4px solid var(--palette-slate);border-radius:10px;padding:18px 22px;font-size:18px;line-height:1.7;margin-bottom:28px;max-width:900px}.info-help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--palette-panel);border-radius:20px;padding:28px 32px;margin-top:44px}.info-help h2{font-size:26px;margin:0 0 8px}.info-help p{margin:0;font-size:18px}.info-help .btn{flex-shrink:0;min-height:48px}.info-source{display:inline-flex;align-items:center;min-height:44px;font-size:18px;text-decoration:underline;text-underline-offset:4px;margin-top:20px;color:var(--palette-slate)}.info-contact-form{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;background:var(--palette-cream);border-radius:22px;padding:32px}.info-contact-form h2{font-size:30px;margin-top:0}.info-contact-form p{font-size:18px;line-height:1.7}.info-contact-form .small{font-size:18px;color:var(--palette-slate)}.info-contact-form form{min-width:0}.info-contact-form label{display:block;font-size:18px;font-weight:600;margin-bottom:8px}.info-contact-form input,.info-contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #aeb5bd;border-radius:8px;padding:12px;font:inherit;background:var(--palette-cream);color:var(--palette-navy);margin-bottom:20px}.info-contact-form textarea{resize:vertical}.info-contact-form .btn{min-height:48px}.info-contact-form #contact-preview-status{font-size:18px;margin-bottom:0} @media(max-width:850px){.info-hero-inner.with-image{grid-template-columns:1fr 1fr;gap:24px}.info-hero h1{font-size:46px}.info-tiles,.info-contact-grid{gap:14px}.info-tiles article,.info-contact-grid article{padding:20px}.info-contact-grid{grid-template-columns:1fr}.info-contact-form{gap:28px}} @media(max-width:600px){.info-hero-inner{padding-top:28px;padding-bottom:32px}.info-hero-inner.with-image{grid-template-columns:1fr}.info-hero h1{font-size:42px}.info-hero .lead{font-size:19px}.info-hero-image{aspect-ratio:1.8;max-height:230px}.info-hero .buttons{display:grid;grid-template-columns:1fr}.info-navigation{justify-content:flex-start;gap:10px 24px;padding-block:10px}.info-tiles,.info-steps{grid-template-columns:1fr}.info-content{padding-top:30px}.info-section{margin:32px 0}.info-section>h2{font-size:29px}.info-contact-form{grid-template-columns:1fr;padding:24px;gap:18px}.info-help{flex-direction:column;align-items:flex-start;padding:24px}.info-help .btn{width:100%}.info-prose h2{font-size:26px}} .stockist-ranges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}.stockist-ranges article{border:1px solid #dce0e3;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.stockist-pack{display:block;background:var(--palette-cream)}.stockist-pack .packvisual{height:230px;background:transparent;padding:16px}.stockist-ranges article>div{padding:22px;flex:1;display:flex;flex-direction:column}.stockist-ranges h3{font-size:23px;margin:0 0 10px}.stockist-ranges p{font-size:18px;line-height:1.65;margin:0 0 18px}.stockist-ranges .textlink{margin-top:auto;min-height:44px;display:flex;align-items:center} .stockist-reasons{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-radius:24px;background:var(--palette-panel);padding:40px;margin:48px 0}.stockist-reasons h2{font-size:36px}.stockist-reasons article+article{border-top:1px solid #7a846a50;padding-top:18px;margin-top:18px}.stockist-reasons h3{font-size:21px;margin:0 0 8px}.stockist-reasons p{font-size:18px;line-height:1.7;margin:0} .stockist-enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:44px;border:1px solid #ead7ca;border-radius:24px;background:var(--palette-panel);scroll-margin-top:24px}.stockist-form-intro h2{font-size:40px}.stockist-form-intro p{font-size:19px;line-height:1.7}.stockist-form-intro .eyebrow{font-size:16px;color:#78513d}.stockist-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stockist-enquiry label{font-size:18px;font-weight:600;line-height:1.6}.stockist-enquiry input:not([type=checkbox]),.stockist-enquiry select,.stockist-enquiry textarea{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #aeb5bd;border-radius:8px;padding:12px;font:inherit;font-size:18px;background:var(--palette-cream);color:var(--palette-navy);margin-top:6px}.stockist-enquiry textarea{resize:vertical}.stockist-fields>label{min-width:0}.stockist-interests{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stockist-interests legend{font-size:18px;font-weight:600;margin-bottom:12px}.stockist-interests label,.stockist-consent{display:flex;gap:10px;align-items:flex-start}.stockist-interests input,.stockist-consent input{width:20px;height:20px;flex-shrink:0;accent-color:var(--palette-navy);margin-top:3px}.stockist-message{display:block}.stockist-consent{margin:22px 0}.stockist-consent a{text-decoration:underline;text-underline-offset:3px}.stockist-enquiry .btn{width:100%;min-height:50px;font-size:18px}.stockist-enquiry .stockist-data-note{font-size:18px;line-height:1.6;color:var(--palette-slate);margin:14px 0 0}.stockist-honey{position:absolute;left:-9999px}.stockist-success,.stockist-error{padding:16px;margin-top:18px;border-radius:10px;font-size:18px;line-height:1.6}.stockist-success{background:var(--palette-panel);color:#24351c}.stockist-error{background:var(--palette-cream);border:1px solid var(--palette-slate);color:var(--palette-navy)} @media(max-width:1000px){.stockist-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}.stockist-enquiry,.stockist-reasons{gap:30px;padding:32px}} @media(max-width:700px){.stockist-enquiry,.stockist-reasons{grid-template-columns:1fr;padding:24px;gap:20px}.stockist-form-intro h2{font-size:34px}.stockist-reasons h2{font-size:30px}.stockist-ranges article>div{padding:18px}.stockist-ranges h3{font-size:21px}} @media(max-width:450px){.stockist-ranges,.stockist-fields{grid-template-columns:1fr}.stockist-ranges .stockist-pack .packvisual{height:250px}.stockist-interests{grid-template-columns:1fr}.stockist-enquiry{padding:22px 18px}} /* Purchase journey: clear comparisons, transparent prices and mobile controls. */ .food-comparison{padding-block:64px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-card{padding:28px;border:1px solid #dce0e3;border-radius:20px;background:#faf4ee}.comparison-cold{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)}.comparison-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:130px}.comparison-top h3{font-size:30px;margin:0 0 10px}.comparison-top p{margin:0}.comparison-food{width:120px;height:120px;flex-shrink:0;background:var(--palette-cream);border-radius:50%;overflow:hidden}.comparison-food svg{width:100%;height:100%;padding:0}.comparison-card dl{margin:20px 0 28px}.comparison-card dl>div{padding:16px 0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 12.55%, transparent);display:grid;grid-template-columns:40% 1fr;gap:14px;min-height:74px}.comparison-cold dl>div{border-color:color-mix(in srgb, var(--palette-cream) 18.82%, transparent)}.comparison-card dt{font-size:18px;font-weight:600}.comparison-card dd{margin:0;font-size:18px;line-height:1.5}.comparison-cold .btn{background:var(--palette-panel);color:var(--palette-navy)}.comparison-note{max-width:100%;margin-top:24px}.comparison-intro,.comparison-next{padding-block:48px}.comparison-intro h1{font-size:clamp(42px,6vw,72px)}.comparison-next{border-top:1px solid #dce0e3} .first-order-page{padding-block:56px;max-width:1100px}.first-order-heading{max-width:820px;margin-bottom:36px}.first-order-heading h1{font-size:clamp(42px,5vw,68px);line-height:1.1}.first-order-heading h1 span{color:var(--palette-slate)}.offer-eligibility{font-size:18px;line-height:1.6}.first-order-form{background:#f9eee7;border:1px solid var(--palette-panel);padding:32px;border-radius:20px}.first-order-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.first-order-form legend{font-size:20px;font-weight:600;margin-bottom:16px}.meal-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.meal-choices label{display:flex;gap:12px;border:1px solid #c9cdd3;background:white;border-radius:12px;padding:20px;cursor:pointer}.meal-choices label:has(input:checked){border:2px solid var(--palette-navy);padding:19px;background:#fff9f5}.meal-choices input{accent-color:var(--palette-navy);flex-shrink:0;margin-top:6px;width:20px;height:20px}.meal-choices span{font-size:18px;line-height:1.5}.meal-choices strong{display:block;margin-bottom:8px;font-size:18px}.first-order-form>.textlink{display:inline-block;margin:16px}.first-order-selection{padding-top:42px}.first-order-selection .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-applied{background:var(--palette-panel);padding:20px;border-radius:12px;margin:24px 0}.welcome-applied strong,.welcome-applied span{display:block}.welcome-applied span{margin-top:8px;font-size:18px} .product-shortcuts{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0}.product-shortcuts a{font-size:18px;text-decoration:underline;text-underline-offset:4px;min-height:32px}.purchase-guidance{padding:16px;border-radius:10px;background:#f9eee7;margin:16px 0}.purchase-guidance strong,.purchase-guidance span{display:block;font-size:18px;line-height:1.5}.purchase-guidance span{margin-top:6px}.purchase-delivery,.basket-delivery{padding:18px;border:1px solid #dce0e3;border-radius:12px;margin:20px 0}.purchase-delivery p,.basket-delivery p{margin:8px 0}.purchase-delivery strong,.basket-delivery strong{font-size:18px}.product-page #ingredients,.product-page #feeding,.product-page #delivery{scroll-margin-top:32px}#purchase-confirmation{display:flex;gap:16px;align-items:center;min-height:32px;font-size:18px;margin-top:10px}.mobile-purchase-bar{display:none}.newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:18px;line-height:1.5}.newsletter-consent input{width:20px;min-height:20px;flex-shrink:0;accent-color:var(--palette-panel);margin:0}.chat-shortcuts button{padding:10px 14px;border:1px solid #dce0e3;border-radius:20px;background:var(--palette-cream);color:var(--palette-navy);font-size:18px;cursor:pointer}.chat-shortcuts button:hover{background:#f9eee7} @media(max-width:850px){.meal-choices{grid-template-columns:1fr}.comparison-card{padding:22px}.comparison-top h3{font-size:25px}.comparison-food{width:92px;height:92px}.comparison-card dl>div{grid-template-columns:1fr;gap:6px;min-height:100px}.has-purchase-bar{padding-bottom:106px}.mobile-purchase-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--palette-navy);color:white;padding:12px 18px calc(12px + env(safe-area-inset-bottom));align-items:center;gap:16px;box-shadow:none}.mobile-purchase-bar>div{flex:1;min-width:0}.mobile-purchase-bar strong{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-purchase-bar span{display:block;font-size:18px;color:#ecdbd0;margin-top:3px}.mobile-purchase-bar b{display:block;font-size:18px;margin-top:3px}.mobile-purchase-bar .btn{background:var(--palette-panel);color:var(--palette-navy);padding:14px 18px;font-size:18px;min-width:130px}.has-purchase-bar .chat-launcher{bottom:calc(118px + env(safe-area-inset-bottom));padding:12px}.has-purchase-bar .chat-launcher>span{display:none}.has-purchase-bar .nudog-chat{bottom:calc(180px + env(safe-area-inset-bottom));max-height:calc(100dvh - 210px)}.has-purchase-bar .chat-body{max-height:200px}} @media(max-width:600px){.food-comparison{padding-block:40px}.comparison-grid{grid-template-columns:1fr}.comparison-card dl>div{grid-template-columns:40% 1fr;min-height:74px}.comparison-top{min-height:100px}.first-order-page{padding-block:36px}.first-order-form{padding:22px}.first-order-form>.textlink{margin:18px 0 0;display:block}.first-order-selection .grid{grid-template-columns:1fr}.comparison-intro,.comparison-next{padding-block:32px}.product-purchase h1{font-size:36px}.product-page #ingredients,.product-page #feeding,.product-page #delivery{scroll-margin-top:12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* Customer account entry and subscription management. */ header nav .account-link{white-space:nowrap} .account-page{max-width:1100px}.account-page h1{font-size:clamp(40px,5vw,64px)} .account-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px} .account-panel{border:1px solid #dce0e3;border-radius:16px;padding:30px;background:var(--palette-cream)} .account-panel h2{font-size:28px;margin:0 0 16px}.account-panel p{margin:0 0 24px} .account-learn{display:block;margin-top:20px;font-size:18px}.account-support{margin-top:28px} @media(max-width:600px){.account-panels{grid-template-columns:1fr;gap:16px}.account-panel{padding:24px}.account-panel h2{font-size:25px}} /* Quiet range accents tie the website to the packaging palette. */ .range-fresh-card{--range-accent:var(--palette-slate);--range-tint:var(--palette-panel)} .range-cold-card{--range-accent:var(--palette-navy);--range-tint:#edf2f7} .range-treats-card{--range-accent:#46573c;--range-tint:var(--palette-panel)} .range-oil-card{--range-accent:#79591c;--range-tint:#fbf4e4} .recipe-card .card-range{color:var(--range-accent,var(--palette-navy))} .recipe-card .card-body{border-top:3px solid var(--range-accent,var(--palette-navy))} .home-page .range-oil>div{background:#fbf4e4} .home-page .trust{background:#f0f4f8;border-color:#d8e2ec} .range-navigation a:hover,.range-navigation a[aria-current="page"]{color:var(--palette-slate);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px} .account-panel:first-child{border-top:3px solid var(--palette-slate);background:var(--palette-panel)} .account-panel:last-child{border-top:3px solid var(--palette-navy);background:#f0f4f8} .account-page>.eyebrow,.range-overview .eyebrow,.fresh-story .eyebrow{color:var(--palette-slate)} header nav .account-link{color:var(--palette-slate)} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto;transition:none;animation:none}} /* Nutritional benefits in the cold-pressed story. */ .cold-health-benefits{margin:32px 0;padding:28px;border:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);border-radius:20px;background:color-mix(in srgb, var(--palette-cream) 3.14%, transparent)} .cold-health-benefits>.eyebrow{color:var(--palette-panel);font-size:16px} .cold-health-benefits>h3{font-size:clamp(28px,3.4vw,40px);line-height:1.2;margin:12px 0 24px;color:var(--palette-cream)} .cold-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .cold-benefit-grid article{border-top:3px solid var(--palette-panel);padding-top:16px;min-width:0} .cold-benefit-grid h4{font-size:18px;line-height:1.4;margin:0 0 10px;color:#f5cfb9} .cold-feature .cold-benefit-grid p{font-size:18px;line-height:1.6;margin:0;color:#e3e8ef} .cold-feature .cold-benefit-note{font-size:18px;line-height:1.6;margin:24px 0 0;color:#d1d8e1;max-width:none} @media(max-width:1000px){.cold-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.cold-health-benefits{padding:24px 20px}.cold-benefit-grid{grid-template-columns:1fr;gap:20px}} /* Landing cards: consistent image stages and bottom-aligned buying details. */ .home-page .home-selection>.product-card-grid{align-items:stretch} .home-page .recipe-card .card-body{min-height:0} .home-page .recipe-card .card-pack{margin-top:auto;margin-bottom:12px;padding-top:8px} .home-page .recipe-card .card-pricing{margin-top:0;padding-top:0} .home-page .recipe-card .card-price-row{flex-wrap:nowrap} .home-page .recipe-card>.card-action{flex-shrink:0} @media(min-width:601px){ .home-page .recipe-card>.productimage{height:280px;display:flex;align-items:center;justify-content:center} .home-page .recipe-card>.productimage>img,.home-page .product-card-grid .recipe-card>.productimage>img[src*="-isolated.svg"],.home-page .recipe-card>.productimage>.packvisual{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;padding:16px} .home-page .recipe-card h3{min-height:2.4em} .home-page .recipe-card .card-ingredients{min-height:4.5em} .home-page .range-overview .range>img,.home-page .range-overview .range>.packvisual{width:100%;height:230px;object-fit:contain;padding:20px;flex-shrink:0} } @media(min-width:601px) and (max-width:850px){.home-page .recipe-card>.productimage{height:240px}} @media(max-width:600px){ .home-page .recipe-card{grid-template-rows:auto auto;border-top:3px solid var(--range-accent,var(--palette-navy))} .home-page .recipe-card>.productimage{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center} .home-page .recipe-card>.card-body{grid-column:2;grid-row:1;border-top:0} .home-page .recipe-card>.card-action{grid-column:1 / -1;grid-row:2} .home-page .recipe-card .card-price-row{flex-wrap:wrap} .home-page .recipe-card .card-pack{margin-top:0} } /* Compact header search with a keyboard-accessible product dialog. */ .search-launcher{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--palette-navy);font-size:18px;font-weight:600;border-radius:8px} .search-launcher svg{width:20px;height:20px;flex-shrink:0}.search-launcher:hover{background:var(--palette-panel)} .product-search{width:min(660px,calc(100% - 24px));max-width:660px;max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:20px;background:var(--palette-cream);color:var(--palette-navy);box-shadow:none;overflow:auto} .product-search::backdrop{background:color-mix(in srgb, var(--palette-navy) 65.1%, transparent)}.search-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px} .search-heading h2{font-size:28px;margin:0;line-height:1.2}.search-close{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:#f0f4f8;color:var(--palette-navy);font-size:28px} .product-search form label{display:block;font-size:18px;font-weight:600;margin-bottom:8px} .product-search input[type=search]{width:100%;min-height:50px;padding:12px 14px;border:1px solid #aab4c4;border-radius:10px;font-size:18px;color:var(--palette-navy);background:var(--palette-cream)} .search-count{font-size:18px;margin:12px 0;color:var(--palette-slate)}.search-results{list-style:none;padding:0;margin:0;max-height:430px;overflow:auto} .search-results li{border-top:1px solid #dce0e3}.search-results li>a{display:flex;align-items:center;gap:14px;padding:12px 4px;min-height:86px}.search-results li>a:hover{background:var(--palette-panel)} .search-thumb{width:54px;height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--palette-cream);border-radius:6px;overflow:hidden} .search-thumb>img,.search-thumb>.packvisual{width:100%;height:100%;padding:4px;object-fit:contain;aspect-ratio:auto} .search-result-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.search-result-copy strong{font-size:18px;line-height:1.4}.search-result-copy>span{font-size:18px;color:var(--palette-slate)} .search-result-price{font-size:18px;font-weight:600;white-space:nowrap}.search-empty{padding:24px 0;font-size:18px;line-height:1.6}.search-empty>a.textlink{display:inline-flex;min-height:44px;padding:0} @media(max-width:850px){.search-launcher span{display:none}} @media(max-width:450px){.product-search{padding:20px 16px}.search-heading h2{font-size:24px}.search-results li>a{gap:10px;flex-wrap:wrap}.search-result-copy{flex-basis:calc(100% - 74px)}.search-result-price{margin-left:64px}.search-thumb{width:54px;height:66px}.search-results{max-height:55dvh}} /* Conversion pass: brand identity and a shorter path to the bowl. */ [hidden]{display:none} .branding-notice-inner{padding-block:5px}.branding-notice summary{min-height:36px}.branding-notice-content{margin:8px 0} .home-hero .hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:28px;align-items:center} .home-hero h1{font-size:clamp(42px,4.7vw,64px);line-height:1.06}.home-hero .lead{font-size:19px;max-width:510px}.home-hero .hero-offer{font-size:18px;margin-block:16px}.home-hero .hero-heritage{font-size:18px}.home-hero .small{font-size:18px}.home-hero .buttons{gap:10px}.home-hero .buttons .btn{font-size:18px;padding-inline:20px} .hero-brand-scene{position:relative;min-width:0;height:480px;isolation:isolate} .hero-brand-dog{position:absolute;right:0;bottom:5px;width:75%;height:100%;display:block} .hero-brand-dog img{height:100%;width:100%;object-fit:contain;object-position:right bottom;filter:none} .hero-brand-food{position:absolute;left:-8%;bottom:0;width:72%;z-index:1;display:block} .hero-brand-food img{width:100%;height:auto;display:block;filter:none} .hero-brand-food>span{display:block;text-align:center;font-size:18px;color:var(--palette-cream);margin-top:0} .product-purchase h1{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:12px 0}.product-quick-benefit{font-size:18px;margin:8px 0 16px} .purchase-panel{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px 16px;scroll-margin-top:24px;border:1px solid #dce0e3;border-radius:18px;padding:20px;margin-bottom:24px} .purchase-panel>*{grid-column:1/-1}.purchase-panel>label.field{margin:2px 0}.purchase-panel>label.field:has(#variant){grid-column:1}.purchase-panel>label.field:has(#quantity){grid-column:2} .purchase-panel #productprice{font-size:28px;margin:0 0 5px}.purchase-panel .field input,.purchase-panel .field select{padding:11px;min-height:46px}.purchase-panel .field span{font-size:18px;margin-bottom:5px} .purchase-options{border:0;padding:0;margin:5px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.purchase-options legend{font-weight:600;font-size:18px;padding:0;margin-bottom:8px} .purchase-options label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #dce0e3;border-radius:12px;cursor:pointer;background:var(--palette-cream);min-width:0}.purchase-options label:has(input:checked){border:2px solid var(--palette-navy);background:#f3f5f1;padding:11px}.purchase-options input{width:18px;height:18px;min-height:18px;padding:0;margin-top:2px;flex-shrink:0;accent-color:var(--palette-navy)}.purchase-options span{display:grid;gap:5px;min-width:0}.purchase-options strong{font-size:18px}.purchase-options b{font-size:19px;line-height:1.3}.purchase-options small{font-size:18px;line-height:1.4} .purchase-panel .purchase-guidance{padding:10px 12px;margin:0}.purchase-panel .purchase-guidance strong,.purchase-panel .purchase-guidance span{font-size:18px}.purchase-panel .subscription-terms{font-size:18px;margin:0}.purchase-panel .buttons{margin:3px 0}.purchase-panel #add{width:100%;font-size:19px}.purchase-panel .purchase-delivery{margin:3px 0 0;padding:10px 12px}.purchase-panel .purchase-delivery p,.purchase-panel .purchase-delivery a{font-size:18px}.purchase-panel .selected-savings .subscription-saving{padding:10px;margin:0}.purchase-panel .selected-savings .saving-reference{display:none} .sticky-edit{padding:2px 0;margin-top:3px;background:none;border:0;color:var(--palette-cream);text-decoration:underline;text-underline-offset:3px;font-size:18px;min-height:28px;cursor:pointer}.has-purchase-bar .chat-launcher{bottom:calc(152px + env(safe-area-inset-bottom))} .food-plan{max-width:1120px}.food-plan fieldset{border:0;padding:0;margin:20px 0}.food-plan legend{font-size:19px;font-weight:600}.food-plan .choice{margin:14px 0}.plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-fields label{display:flex;flex-direction:column;gap:8px;font-size:18px}.plan-fields input,.plan-fields select{width:100%;min-height:48px;padding:12px;border:1px solid #b8c1c9;border-radius:8px;font:inherit;background:var(--palette-cream)}.food-plan-result{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:28px;background:#f4f6f2;border-radius:22px;margin-top:32px}.plan-pack img,.plan-pack svg{width:100%;height:320px;object-fit:contain}.food-plan-result h2{margin:8px 0 20px;font-size:30px}.plan-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-metrics>div{padding:14px;background:var(--palette-cream);border-radius:10px}.plan-metrics span{display:block;font-size:18px;line-height:1.4}.plan-metrics strong{display:block;margin-top:8px;font-size:22px}.plan-price{font-size:20px}.food-plan-result .buttons{flex-wrap:wrap} @media(max-width:850px){ .home-hero .hero{grid-template-columns:1fr;padding-block:24px;gap:8px}.hero-brand-scene{height:395px;width:min(520px,100%);margin:0 auto}.hero-brand-dog{width:77%}.hero-brand-food{left:0;width:72%}.home-hero .buttons{display:flex;flex-wrap:wrap;margin:18px 0}.home-hero .buttons .btn{flex:1;min-width:180px;width:auto}.home-hero .lead{font-size:19px}.home-hero .hero-offer{margin-block:12px} .product{display:flex;flex-direction:column;gap:12px}.product-purchase{display:contents}.product-purchase>*{order:3}.product-purchase>.eyebrow,.product-purchase>.conceptlabel,.product-purchase>h1,.product-purchase>.product-quick-benefit{order:1;margin-block:0}.product-purchase>.purchase-panel{order:2;width:100%;margin:8px 0}.product-gallery{order:0;width:100%;position:static}.product-purchase h1{font-size:32px}.product-purchase .recipe-meat,.product-purchase .recipe-ingredients{margin-top:16px}.purchase-panel{padding:16px}.product-page .back{margin-bottom:18px}.product-page{padding-top:24px}.has-purchase-bar{padding-bottom:138px} .food-plan-result{grid-template-columns:160px 1fr;padding:20px;gap:18px}.plan-metrics{grid-template-columns:1fr}.plan-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-metrics strong{margin:0;white-space:nowrap} } @media(max-width:600px){ .header-slogan{display:none}header nav{justify-content:space-between;gap:8px}header nav .account-link{display:none}header .header-brand{justify-content:center}header .logo{width:140px;height:auto}.range-navigation{gap:18px}.home-hero h1{font-size:clamp(37px,10vw,50px)}.home-hero .hero-heritage{font-size:18px}.home-hero .small{font-size:18px}.hero-brand-scene{height:345px}.home-hero .buttons .btn{min-width:0;font-size:18px;padding-inline:12px}.hero-brand-food>span{font-size:18px}.purchase-panel{gap:8px 10px;grid-template-columns:minmax(0,1fr) 80px}.purchase-options label{padding:10px;gap:7px}.purchase-options label:has(input:checked){padding:9px}.purchase-options b{font-size:18px}.purchase-options strong{font-size:18px}.purchase-panel #add{min-height:50px}.mobile-purchase-bar{padding-inline:12px;gap:8px}.mobile-purchase-bar .btn{min-width:120px;padding:12px;font-size:18px}.mobile-purchase-bar span{font-size:18px}.plan-fields{grid-template-columns:1fr}.food-plan-result{grid-template-columns:1fr}.plan-pack img,.plan-pack svg{height:200px}.food-plan h1{font-size:38px}.food-plan-result h2{font-size:27px} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto}} .home-food-education{margin-top:24px;border:1px solid color-mix(in srgb, var(--palette-cream) 27.06%, transparent);border-radius:16px;padding:16px 20px}.home-food-education>summary{font-size:18px;font-weight:600;cursor:pointer;min-height:30px}.home-food-education .cold-health-benefits{margin-top:20px}.home-food-education .water-comparison{margin-bottom:10px}.reviews-awaiting .buttons{flex-wrap:wrap}.home-page .range-overview{padding-top:38px;padding-bottom:28px} .product-page{padding-top:24px}.product-page .back{display:block;margin:0 0 18px}.product-purchase .product-quick-benefit{margin-bottom:12px}.purchase-panel .selected-savings{display:none} /* Product information controls do not change the shop route. */ .product-shortcuts button{appearance:none;background:transparent;border:0;padding:6px 0;color:var(--ink);font-size:18px;font-weight:600;text-decoration:underline;text-underline-offset:4px;min-height:44px} .product-page details[open]>.detailsbody{display:block;min-height:48px} .product-page #ingredients,.product-page #feeding,.product-page #delivery{scroll-margin-top:24px;scroll-margin-bottom:140px} /* Recipe-specific digestive support and complete composition. */ .card-biotics{display:inline-block;margin:0 0 12px;padding:5px 10px;border-radius:16px;background:var(--palette-panel);color:#42543c;font-size:18px;font-weight:600;line-height:1.4} .recipe-biotics{margin:18px 0;padding:18px;border-radius:14px;background:var(--palette-panel);border-left:0}.recipe-biotics p{margin:6px 0 0;font-size:18px} .recipe-composition p{line-height:1.8;max-width:none}.recipe-composition h3{font-size:18px;margin:20px 0 10px}.bundle-recipe{padding:16px 0;border-bottom:1px solid var(--line)}.bundle-recipe>h3{font-size:22px} .gut-health{border-top:1px solid var(--line)}.gut-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:26px 0}.gut-health-grid article{padding:28px;border-radius:20px;background:var(--palette-panel)}.gut-health-grid article:nth-child(2){background:#f7eee6}.gut-health-label{font-size:18px;text-transform:uppercase;letter-spacing:.1em}.gut-health-grid h3{font-size:24px}.gut-health-grid p{font-size:18px} @media(max-width:600px){.gut-health-grid{grid-template-columns:1fr;gap:16px}.gut-health-grid article{padding:22px}} /* Delivery and contact hero artwork. */ .info-hero-image.delivery-box-image{background:transparent;aspect-ratio:1536 / 610;border-radius:18px;height:auto;position:relative;overflow:hidden}.info-hero-image.delivery-box-image img{width:100%;height:auto;mix-blend-mode:normal;position:absolute;top:0;left:0;object-fit:contain} .info-hero-image.contact-brand-dog{background:transparent;aspect-ratio:auto;height:420px;overflow:hidden}.info-hero-image.contact-brand-dog img{object-fit:contain;object-position:center bottom;mix-blend-mode:normal} @media(max-width:850px){.info-hero-image.delivery-box-image{height:auto;aspect-ratio:1536 / 610}.info-hero-image.contact-brand-dog{height:320px}} .footer-portrait{object-fit:contain;object-position:center} .info-hero-image.delivery-box-image{height:360px;aspect-ratio:auto;overflow:visible;border-radius:0}.info-hero-image.delivery-box-image img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal} @media(max-width:850px){.info-hero-image.delivery-box-image{height:280px;aspect-ratio:auto}} /* Highlight the mixed Fresh recipes wherever the bundle appears. */ .bundle-recommendation{display:inline-block;align-self:flex-start;background:#f7efd2;color:#684b17;border:1px solid #ddcc91;border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;padding:6px 11px;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px} .product-quick-benefit .bundle-recommendation{display:table;margin-bottom:8px} .mixed-feeding-example{background:#f7f3e9;border:1px solid #e1d6bb;border-radius:18px;padding:22px;margin:24px 0}.mixed-feeding-example h3{margin-top:0}.article-sources{border-top:1px solid #dcdcd4;margin-top:32px;padding-top:20px}.article-sources a{color:var(--palette-navy);text-decoration:underline}.article-sources li{margin:8px 0} /* Mobile hero: lift the dog’s face above the larger product foreground. */ @media(max-width:850px){ .home-hero .hero{gap:8px;padding-bottom:22px} .home-hero .hero-copy{display:contents} .home-hero .hero-copy>*{order:0} .home-hero .hero-copy p{margin-block:4px} .home-hero .hero-copy .hero-offer{margin-block:4px;padding-block:10px} .home-hero .hero-copy .hero-storage{order:2;max-width:440px;margin:8px auto 0;font-size:18px;line-height:1.5} .home-hero .hero-brand-scene{order:1;width:min(440px,100%);height:auto;aspect-ratio:1 / 1.18;margin:0 auto} .home-hero .hero-brand-dog{right:0;bottom:20%;width:78%;height:80%} .home-hero .hero-brand-food{left:0;bottom:0;width:85%} .home-hero .hero-brand-food>span{font-size:18px;line-height:1.35;margin-top:4px} } /* One composed hero image preserves face visibility at every screen width. */ .home-hero .hero-brand-scene.hero-composite{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:auto;min-height:0;aspect-ratio:auto;margin:0;color:var(--palette-cream);text-decoration:none} .hero-composite img{display:block;width:100%;height:auto;object-fit:contain} .hero-composite>span{text-align:center;font-size:18px;line-height:1.4} @media(max-width:850px){.home-hero .hero-brand-scene.hero-composite{width:min(480px,100%);margin:4px auto 0}.hero-composite>span{font-size:18px}} .purchase-quantity{gap:8px}.purchase-quantity>label{font-weight:600}.quantity-stepper{display:flex;align-items:center;width:max-content;border:1px solid #b7c2cc;border-radius:12px;overflow:hidden;background:var(--palette-cream)}.quantity-stepper button{width:48px;min-height:48px;border:0;background:#f3efe5;color:var(--palette-navy);font:600 25px Inter,sans-serif;cursor:pointer}.quantity-stepper button:disabled{opacity:.4;cursor:default}.quantity-stepper button:focus-visible,.quantity-stepper input:focus-visible{outline:3px solid var(--palette-navy);outline-offset:-4px}.quantity-stepper input{width:62px;min-height:48px;padding:0;text-align:center;border:0;border-radius:0;font:600 18px Inter,sans-serif;color:var(--palette-navy);appearance:textfield;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchase-quantity small{display:block;color:#4b5f6d;max-width:36em} /* Fresh uses a pouch-size selector and no separate quantity stepper. */ .purchase-panel:has(>input#quantity[type=hidden])>label.field:has(#variant){grid-column:1/-1;min-width:0;width:100%} .purchase-panel #variant{width:100%;min-width:0;max-width:100%;padding-right:36px} .info-hero-image.food-quality-packs{background:var(--palette-cream);aspect-ratio:1.35}.info-hero-image.food-quality-packs img{mix-blend-mode:normal;opacity:1;padding:16px;box-sizing:border-box} /* Nudog: a restrained visual system across every screen size. */ body{background:var(--palette-cream);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.035em}h1,h2{font-weight:600}p{line-height:1.65}.wrap{max-width:1280px;padding:76px 5%}.eyebrow{font-size:16px;letter-spacing:.13em;font-weight:600}.btn,.home-page .btn{border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;min-height:48px;padding:14px 24px;font-size:18px;font-weight:600}.textlink{text-underline-offset:5px;line-height:1.5}.sectionhead{align-items:end;margin-bottom:32px;gap:24px}.sectionhead h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;margin:10px 0 0}.sectionhead p{font-size:18px;max-width:420px}.sectionhead>.textlink{white-space:nowrap}.preview{font-size:18px;padding:6px 16px;background:#f1f0ec;color:#5e6670}.announce{font-size:18px;padding:9px 16px}header{padding-block:16px}.range-navigation{background:var(--ivory);border-color:var(--line)}.branding-notice{background:var(--palette-cream);border-bottom:1px solid var(--line)}.branding-notice summary{font-size:18px}.branding-notice summary strong{font-weight:500} .premium-home .home-hero{border-radius:0;background:var(--ink);overflow:hidden}.premium-home .hero{grid-template-columns:1fr 1.12fr;gap:5%;min-height:580px;padding-top:58px;padding-bottom:52px}.premium-home .hero-copy{display:block}.premium-home h1{font-size:clamp(42px,4.7vw,65px);line-height:1.07;letter-spacing:-.055em;margin:18px 0 22px;max-width:570px}.premium-home h1 span{color:var(--palette-panel)}.premium-home .hero .lead{font-size:21px;line-height:1.45;margin:0 0 14px;max-width:390px}.hero-description{color:#d1d8e1;font-size:18px;max-width:390px}.premium-home .hero .buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.premium-home .hero .buttons .btn{width:auto;flex:none;min-width:0}.premium-home .hero-heritage{font-size:18px;color:#d1d8e1;line-height:1.6}.premium-home .hero-offer{padding:16px 0 0;border:0;border-top:1px solid color-mix(in srgb, var(--palette-cream) 14.51%, transparent);background:transparent;border-radius:0;margin-top:18px;font-size:18px;max-width:430px}.hero-offer a{text-decoration:underline;text-underline-offset:4px}.premium-home .hero-offer span{display:block;color:#bac4d1;font-size:18px;line-height:1.5;margin-top:5px}.premium-home .hero-composite img{filter:none}.premium-home .hero-composite>span{color:#ccd4df;font-size:18px} .premium-home .range-overview{padding-top:64px;padding-bottom:48px}.range-overview>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.premium-home .range{position:relative;display:flex;flex-direction:column;background:var(--ivory);border:1px solid #eeece6;border-radius:var(--radius);overflow:hidden;box-shadow:none;transition:transform .2s}.range-art{height:230px;display:flex;align-items:center;justify-content:center;padding:24px 22px 10px}.range-art>img,.range-art>.packvisual{height:100%;width:100%;object-fit:contain;background:transparent;padding:0}.premium-home .range>div:not(.range-art){padding:22px 24px 26px;background:transparent}.premium-home .range h3{font-size:22px;margin:0 0 8px;line-height:1.2}.premium-home .range p{font-size:18px;margin:0;color:#5b6571;padding-right:15px}.range-arrow{position:absolute;right:20px;bottom:24px;font-size:23px}.range:hover{transform:translateY(-3px)} .featured-food{padding-top:36px;padding-bottom:72px}.recipe-card,.home-page .recipe-card{display:flex;flex-direction:column;grid-template-columns:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--palette-cream);overflow:hidden;box-shadow:none;transition:border-color .2s}.recipe-card:hover{border-color:#a7adb3}.recipe-card>.productimage,.home-page .recipe-card>.productimage{height:290px;display:flex;align-items:center;justify-content:center;background:var(--ivory);margin:0;padding:24px;flex-shrink:0;overflow:hidden}.recipe-card>.productimage>img,.recipe-card>.productimage>.packvisual,.home-page .recipe-card>.productimage>img,.home-page .recipe-card>.productimage>.packvisual{width:100%;height:100%;max-height:100%;object-fit:contain;padding:0;background:transparent;aspect-ratio:auto}.recipe-card .food-peek{display:none}.recipe-card .card-concept{left:14px;bottom:12px;top:auto;right:auto;background:color-mix(in srgb, var(--palette-cream) 85.1%, transparent);color:#68717b;font-size:16px;padding:4px 7px;border-radius:5px}.recipe-card .card-body,.home-page .recipe-card .card-body{padding:24px;border-top:0;display:flex;flex-direction:column;flex:1;gap:0;min-height:0}.recipe-card .card-range{font-size:16px;letter-spacing:.13em;color:#65707b}.recipe-card h3,.home-page .recipe-card h3{font-size:26px;line-height:1.15;margin:8px 0 12px}.recipe-card .card-meat{font-size:18px;margin:0 0 9px}.recipe-card .card-ingredients{font-size:18px;line-height:1.6;color:#65707b;margin:0 0 14px;min-height:42px}.recipe-card .card-biotics{display:none}.recipe-card .card-pack{font-size:18px;margin-top:auto;padding-top:12px;color:var(--palette-slate)}.recipe-card .card-pricing{padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.card-price-row{align-items:center}.card-price-row strong{font-size:19px}.card-subscribe-row strong{font-size:18px}.card-saving{font-size:18px;background:transparent;padding:0;color:#52664d}.recipe-card>.card-action{margin:0 24px 24px;border:1px solid var(--ink);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;min-height:48px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--palette-cream);font-size:18px}.card-award{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 10px;color:#82672f;font-size:18px}.card-award small{display:none}.bundle-recommendation{font-size:18px;padding:4px 8px;margin-bottom:10px}.home-selection>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .brand-reasons{background:var(--ivory)}.brand-reasons>.wrap{padding-block:64px}.brand-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:40px}.brand-benefit-grid svg{width:32px;height:32px;color:var(--clay);margin-bottom:14px}.brand-benefit-grid h3{font-size:20px;line-height:1.25;margin:0 0 10px}.brand-benefit-grid p{font-size:18px;color:#616a74;margin:0}.brand-reasons-links{display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid #dfdfd6;margin-top:40px;padding-top:22px}.brand-reasons .small{font-size:18px;margin-top:22px;color:#69717a} .lifestyle-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding-block:80px}.lifestyle-photo{position:relative;overflow:hidden;border-radius:var(--radius)}.lifestyle-photo img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.lifestyle-photo>span{position:absolute;bottom:12px;left:14px;font-size:18px;background:color-mix(in srgb, var(--palette-cream) 87.84%, transparent);color:#59626c;padding:4px 8px;border-radius:5px}.lifestyle-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;margin:15px 0 20px}.lifestyle-copy p{color:var(--palette-slate);max-width:350px;margin-bottom:24px}.feeding-invitation{background:#eef1eb}.feeding-invitation>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:64px}.feeding-invitation h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;margin:15px 0 20px}.feeding-invitation p{max-width:420px;color:var(--palette-slate)}.feeding-invitation .btn{margin:12px 18px 0 0}.feeding-invitation .textlink{display:inline-block;margin-top:16px}.feeding-steps{list-style:none;padding:0;margin:0}.feeding-steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #d3dacf}.feeding-steps li:last-child{border-bottom:0}.feeding-steps li>span{font-size:18px;color:#6c7b61;padding-top:4px}.feeding-steps h3{font-size:23px;margin:0 0 7px}.feeding-steps p{font-size:18px;margin:0}.journal-section{background:var(--palette-cream)}.journal-section .wrap{padding-block:72px}.journal-card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:none;background:var(--palette-cream)}.journal-card img{aspect-ratio:3/2;object-fit:cover}.journal-copy{padding:22px}.journal-copy h3{font-size:24px;line-height:1.2}.journal-controls{margin-top:24px}.reviews-awaiting{background:var(--ivory);border:0}.reviews-awaiting .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:46px}.reviews-awaiting h2{font-size:30px;line-height:1.2} .site-footer{background:var(--palette-navy);background-image:none;padding:64px 5% 24px}.footer-portrait{display:none}.footer-top{grid-template-columns:minmax(180px,.8fr) minmax(400px,1.8fr) minmax(170px,.7fr);gap:40px;margin-bottom:40px}.footerlinks{gap:30px}.footerlinks h3{font-size:18px;color:#c0c9d3}.footerlinks a{font-size:18px;line-height:1.6;margin-bottom:8px}.footer-brand p{font-size:18px;color:#d0d7df}.footer-social p{font-size:18px}.social-icons span{display:none}.footer-awards p{font-size:18px;line-height:1.6;max-width:200px}.footer-awards .award-icons{gap:12px}.footer-award-badge{width:66px;height:66px}.award-icons a span{font-size:18px}.footer-newsletter{padding-block:30px;gap:60px}.footer-newsletter h2{font-size:28px;color:var(--palette-panel)}.footer-newsletter p{font-size:18px}.footer-newsletter #newsletter-privacy,.footer-newsletter #newsletter-status{font-size:16px}.newsletter-fields input{min-height:48px}.newsletter-fields button{font-size:18px}.footer-confidence{gap:20px;padding-block:24px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 12.55%, transparent)}.footer-payment{background:var(--palette-cream)}.footer-payment img{height:25px;width:42px}.footer-bottom{font-size:16px;color:#bac4d0}.packaging-dialog{width:min(780px,calc(100% - 32px));max-width:780px;background:var(--ivory);border-radius:22px}.packaging-dialog-layout{grid-template-columns:32% 1fr}.packaging-dialog-art{background:#eee8de}.packaging-dialog-art img{object-fit:cover;object-position:center}.packaging-dialog-inner{padding:44px 32px 32px}.packaging-dialog h2{font-size:39px;margin:15px 0 20px}.packaging-dialog p{font-size:18px;line-height:1.6}.packaging-dialog .packaging-explanation{font-size:18px;color:#626b74}.packaging-dialog .branding-notice-agreement{font-size:18px}.packaging-dialog h2 span{color:var(--clay)} @media(max-width:1000px){.footer-top{grid-template-columns:1fr 2fr}.footer-awards{grid-column:1/-1}.footer-awards p{max-width:none}.footer-awards{display:flex;gap:24px;align-items:center}.brand-benefit-grid{gap:24px}.range-art{height:190px}.premium-home .range>div:not(.range-art){padding:18px}.premium-home .range h3{font-size:19px}.range-arrow{right:14px}.premium-home .hero{min-height:0}.premium-home .hero .lead{font-size:19px}} @media(max-width:850px){.wrap{padding:52px 5%}.premium-home .hero{display:flex;flex-direction:column;gap:24px;padding-top:40px;padding-bottom:30px}.premium-home .hero-copy{display:block;width:100%;max-width:540px}.premium-home h1{font-size:clamp(42px,7.2vw,58px);max-width:none;margin-block:16px 20px}.premium-home .hero .lead{font-size:19px;max-width:450px}.premium-home .hero .buttons{margin:24px 0 18px}.premium-home .hero-composite{width:min(540px,100%);order:0;margin:0 auto}.premium-home .hero-offer{max-width:none}.range-overview>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.range-art{height:220px}.premium-home .range>div:not(.range-art){padding:20px}.premium-home .range h3{font-size:22px}.brand-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.home-selection>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lifestyle-feature{gap:32px;grid-template-columns:1fr;padding-block:52px}.lifestyle-copy{max-width:540px}.lifestyle-copy p{max-width:480px}.feeding-invitation>.wrap{grid-template-columns:1fr;gap:24px}.reviews-awaiting .wrap{align-items:start;flex-direction:column;gap:18px}.footer-top{grid-template-columns:1fr}.footer-awards{grid-column:auto}.footer-newsletter{gap:20px}.site-footer{padding-top:44px}.recipe-card>.productimage,.home-page .recipe-card>.productimage{height:260px}.sectionhead>.textlink{white-space:normal}} @media(max-width:600px){.sectionhead{align-items:start;flex-direction:column;gap:15px;margin-bottom:26px}.premium-home h1{font-size:42px;line-height:1.1}.premium-home .hero .lead{font-size:18px}.premium-home .hero-description{font-size:18px}.premium-home .hero .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-home .hero .buttons .btn{font-size:18px;padding-inline:10px;text-align:center}.premium-home .hero-heritage{font-size:18px}.premium-home .hero-offer{font-size:18px}.premium-home .hero{padding-top:30px;gap:20px}.premium-home .hero-composite img{max-height:340px;object-fit:contain}.range-art{height:175px;padding:18px 14px 4px}.premium-home .range>div:not(.range-art){padding:18px 14px 24px}.premium-home .range h3{font-size:18px}.premium-home .range p{font-size:18px;padding-right:0}.range-arrow{position:static;display:block;margin-top:12px;font-size:20px}.home-selection>.grid{grid-template-columns:1fr;gap:20px}.recipe-card>.productimage,.home-page .recipe-card>.productimage{height:285px;padding:24px}.recipe-card .card-body{padding:22px}.recipe-card>.card-action{margin:0 22px 22px}.recipe-card h3{font-size:25px}.brand-benefit-grid{gap:30px 20px}.brand-benefit-grid h3{font-size:18px}.brand-benefit-grid p{font-size:18px}.brand-reasons-links{gap:18px}.brand-reasons-links a{font-size:18px}.brand-reasons>.wrap{padding-block:48px}.feeding-invitation>.wrap{padding-block:48px}.feeding-steps li{gap:18px}.journal-copy h3{font-size:22px}.footerlinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footerlinks>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.footerlinks>div:last-child h3{grid-column:1/-1}.footer-confidence{align-items:start}.footer-newsletter h2{font-size:26px}.packaging-dialog-layout{grid-template-columns:1fr}.packaging-dialog-art{height:150px}.packaging-dialog-art img{height:150px;object-fit:contain}.packaging-dialog-inner{padding:28px 24px}.packaging-dialog h2{font-size:34px}.packaging-dialog p{font-size:18px}} @media(prefers-reduced-motion:reduce){.recipe-card,.range{transition:none}.range:hover{transform:none}} .nutrition-detail{border:1px solid #dfdfd6;border-radius:14px;padding:18px 22px;margin-top:22px}.nutrition-detail>summary{cursor:pointer;font-size:18px;font-weight:600;min-height:28px}.nutrition-detail .gut-health{padding:28px 0 10px;border:0}.nutrition-detail .gut-health h2{font-size:30px}.nutrition-detail .gut-health-grid article{background:var(--palette-cream)} .range-arrow svg{width:23px;height:23px;display:block}.range-art,.productimage{isolation:isolate}.range-art img,.recipe-card>.productimage>img{background:transparent} .cold-landing{background:#f4f1e9}.cold-landing>.wrap{padding-block:64px}.cold-landing .sectionhead p{max-width:540px}.cold-landing-benefits{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:0 0 30px;font-size:18px;color:var(--palette-slate)}.cold-landing-benefits li{display:flex;align-items:center;gap:9px}.cold-landing-benefits li:before{content:"";width:5px;height:5px;border-radius:50%;background:#ac674d}.cold-landing-links{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:28px;font-size:18px}@media(max-width:600px){.cold-landing>.wrap{padding-block:48px}.cold-landing-benefits{gap:12px 20px}.cold-landing .sectionhead .btn{width:100%;text-align:center}.cold-landing-links{flex-direction:column}} .gallery-bundle-recipe{background:var(--ivory);display:flex;align-items:center;justify-content:center}.gallery-bundle-recipe>img{width:100%;height:100%;max-height:610px;object-fit:contain;padding:30px}@media(max-width:850px){.gallery-bundle-recipe>img{max-height:400px;padding:22px}} .bundle-contents{background:#f8f6f1;border:1px solid #e5e4df;border-radius:14px;padding:18px;margin:18px 0}.bundle-contents strong{font-size:18px}.bundle-contents p{font-size:18px;margin:8px 0}.bundle-contents span{font-size:18px;color:var(--palette-slate)} .popup-food-proof{border-block:1px solid #dedbd3;padding:18px 0;margin:18px 0}.popup-food-proof strong{display:block;font-size:18px}.popup-food-proof p{font-size:18px;margin:5px 0 14px}.popup-food-proof span{display:block;font-size:18px;color:#66707a;line-height:1.5}.packaging-dialog .packaging-explanation{margin-top:18px} /* Packaging announcement: brand portrait, heritage and restrained award proof. */ .packaging-refresh{width:min(890px,calc(100% - 32px));max-width:890px;background:#f8f6f1;box-shadow:none;border-radius:24px;max-height:calc(100dvh - 32px)}.packaging-refresh::backdrop{background:color-mix(in srgb, var(--palette-navy) 78.82%, transparent);backdrop-filter:blur(5px)}.packaging-refresh .packaging-dialog-layout{grid-template-columns:34% 1fr}.packaging-refresh .packaging-dialog-art{background:var(--palette-navy);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 22px;overflow:hidden;min-height:100%}.packaging-refresh .popup-logo{width:126px;height:auto;max-height:none;object-fit:contain;margin:0 0 32px;position:relative;z-index:1}.popup-portrait{width:100%;aspect-ratio:1/1.18;border-radius:160px 160px 22px 22px;overflow:hidden;background:#e6bd9e;position:relative;z-index:1}.packaging-refresh .popup-portrait img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom}.packaging-refresh .popup-brand-line{position:relative;z-index:1;color:var(--palette-cream);font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.3;text-align:center;margin:26px 0 9px}.popup-brand-line span{color:var(--palette-panel)}.popup-art-caption{color:#bfc9d5;font-size:16px;letter-spacing:.04em;text-align:center}.packaging-refresh .packaging-dialog-inner{padding:38px 34px 28px}.packaging-refresh .eyebrow{color:#8b604b;font-size:16px;padding:0}.packaging-refresh h2{font-size:clamp(34px,4vw,46px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 18px}.packaging-refresh h2 span{color:#ab684d}.packaging-refresh #packaging-intro{font-size:18px;line-height:1.6;max-width:390px;margin:0 0 20px;color:var(--palette-slate)}.popup-heritage{display:flex;align-items:center;gap:14px;padding:16px 0;border-block:1px solid #e2ded5}.popup-heritage-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ede7dd;color:#ab684d;flex-shrink:0}.popup-heritage-mark svg{width:23px;height:23px}.popup-heritage strong{display:block;font-size:18px;line-height:1.3}.popup-heritage div>span{display:block;color:#66707b;font-size:18px;margin-top:4px}.popup-award-proof{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e2ded5}.popup-award-icons{display:flex;gap:7px;flex-shrink:0}.popup-award-icons img{width:58px;height:58px;object-fit:contain}.popup-award-proof h3{font-size:18px;line-height:1.3;margin:0 0 6px;letter-spacing:-.02em}.popup-award-proof p{font-size:18px;line-height:1.6;margin:0 0 5px;color:var(--palette-slate)}.popup-award-proof div>span{font-size:18px;line-height:1.5;color:#747c83;display:block}.packaging-refresh .packaging-explanation{font-size:18px;line-height:1.6;margin:16px 0;color:#68717a}.popup-policy{padding-top:2px}.packaging-refresh .branding-notice-agreement{border:0;padding:0;margin:0 0 18px;gap:10px;font-size:18px;line-height:1.6}.packaging-refresh .branding-notice-agreement input{width:22px;height:22px;margin-top:1px;flex-shrink:0}.packaging-refresh #packaging-continue{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:18px;min-height:50px;background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px}.packaging-refresh #packaging-continue:disabled{background:#d5d9dc;border-color:#d5d9dc;color:#5b6672}.packaging-refresh .popup-policy-note{font-size:18px;text-align:center;line-height:1.5;color:#79818a;margin:10px 0 0}.packaging-refresh :focus-visible{outline:3px solid #b77b5b;outline-offset:3px} @media(max-width:700px){.packaging-refresh{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.packaging-refresh .packaging-dialog-layout{grid-template-columns:1fr}.packaging-refresh .packaging-dialog-art{min-height:0;height:158px;display:block;padding:24px;overflow:hidden}.packaging-refresh .popup-logo{width:106px;height:auto;margin:0}.packaging-refresh .popup-portrait{position:absolute;right:22px;top:12px;width:120px;height:160px;aspect-ratio:auto;border-radius:80px 80px 0 0}.packaging-refresh .popup-brand-line{font-size:18px;text-align:left;max-width:160px;margin:14px 0 6px}.popup-art-caption{font-size:16px;text-align:left;display:block;max-width:160px}.packaging-refresh .packaging-dialog-inner{padding:24px 22px}.packaging-refresh h2{font-size:36px;margin:12px 0 14px}.packaging-refresh #packaging-intro{font-size:18px;margin-bottom:16px}.popup-heritage{padding:13px 0}.popup-award-proof{padding:16px 0;gap:12px}.popup-award-icons img{width:47px;height:47px}.popup-award-proof h3{font-size:18px}.popup-award-proof p{font-size:18px}.packaging-refresh .branding-notice-agreement{font-size:18px}.packaging-refresh #packaging-continue{font-size:18px}} @media(max-width:360px){.packaging-refresh .packaging-dialog-inner{padding:22px 18px}.packaging-refresh h2{font-size:32px}.popup-award-proof{align-items:flex-start}.popup-award-icons{flex-direction:column}.popup-award-icons img{width:42px;height:42px}.packaging-refresh .popup-portrait{right:14px;width:105px}.popup-brand-line{max-width:140px}} /* Warm text accents for the packaging announcement. */ .packaging-refresh h2 span{color:#a64e39}.packaging-refresh .eyebrow{color:#a64e39}.packaging-refresh .popup-heritage strong{color:#91601d}.packaging-refresh .popup-award-proof h3{color:#91601d}.packaging-refresh .branding-notice-agreement a{color:#a64e39;text-decoration:underline;text-underline-offset:3px}.packaging-refresh .popup-brand-line span{color:#f3bb99} .packaging-refresh .popup-policy-note{font-size:18px;line-height:1.65;margin:13px auto 0;max-width:360px;color:var(--palette-slate)}.packaging-refresh .popup-policy-note a{color:#a64e39;text-decoration:underline;text-underline-offset:2px} .journal-card img.journal-product-image{object-fit:contain;padding:24px;background:#f4f1e9;box-sizing:border-box;} .article-photo.article-product-image{object-fit:contain;padding:28px;background:#f4f1e9;box-sizing:border-box;} @media(max-width:600px){.article-photo.article-product-image{height:360px;padding:24px;}} /* Mobile footer: one aligned section stack, with paired navigation links. */ @media(max-width:600px){ .site-footer{padding:36px 6% 22px} .site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:28px} .site-footer .footer-brand{min-width:0} .site-footer .footer-brand .logo{display:block;width:150px;height:63px;object-fit:contain} .site-footer .footer-brand p{margin:14px 0 0;line-height:1.6} .site-footer .footer-brand .footer-heritage{margin:14px 0;font-size:18px} .site-footer .footer-social{margin-top:18px} .site-footer .social-icons{display:flex;align-items:center;gap:12px;margin-top:10px} .site-footer .social-icons a,.site-footer .social-icons button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px} .site-footer .footerlinks{display:grid;grid-template-columns:minmax(0,1fr);gap:22px} .site-footer .footerlinks>div,.site-footer .footerlinks>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:0;grid-column:auto;align-items:start;border-top:1px solid color-mix(in srgb, var(--palette-cream) 12.55%, transparent);padding-top:20px} .site-footer .footerlinks h3,.site-footer .footerlinks>div:last-child h3{grid-column:1/-1;margin:0 0 10px;font-size:18px;color:var(--palette-panel)} .site-footer .footerlinks a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 0;font-size:18px;line-height:1.5;overflow-wrap:anywhere} .site-footer .footer-awards{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 12.55%, transparent);padding-top:24px;grid-column:auto} .site-footer .footer-awards>p{max-width:270px;margin:0;font-size:18px;line-height:1.6} .site-footer .award-icons{display:flex;gap:24px;flex-wrap:wrap;margin:0} .site-footer .award-icons a{width:80px;display:flex;flex-direction:column;align-items:center;gap:8px} .site-footer .award-icons .footer-award-badge{width:72px;height:72px} .site-footer .footer-newsletter{grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:28px 0} .site-footer .footer-newsletter h2{font-size:26px;margin:0 0 10px} .site-footer .footer-newsletter p{font-size:18px;line-height:1.6} .site-footer .newsletter-fields{display:flex;flex-direction:column;gap:10px} .site-footer .newsletter-fields input,.site-footer .newsletter-fields button{width:100%;box-sizing:border-box;min-height:48px} .site-footer .newsletter-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5} .site-footer .newsletter-consent input{flex:0 0 auto;margin-top:3px} .site-footer .footer-confidence{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0;padding:26px 0} .site-footer .footer-payment-group{width:100%;min-width:0} .site-footer .footer-payment-group>p{text-align:left;font-size:18px;margin:0 0 12px} .site-footer .footer-payments{display:grid;grid-template-columns:repeat(4,54px);gap:10px;justify-content:start} .site-footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding-top:20px} .site-footer .footer-bottom a{font-size:16px;min-height:44px} } /* Business review links use Trustpilot's brand mark without implying a product score. */ .product-trustpilot{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;padding:6px 0;margin:4px 0 12px;color:var(--palette-navy);font-size:18px;line-height:1.5;text-decoration:none} .product-trustpilot img{width:22px;height:22px;flex-shrink:0} .product-trustpilot strong{font-weight:650} .product-trustpilot:hover span{text-decoration:underline;text-underline-offset:3px} .product-trustpilot:focus-visible{outline:2px solid var(--palette-navy);outline-offset:4px;border-radius:4px} .product-purchase>.product-trustpilot{font-size:18px;margin-bottom:16px} .reviews-awaiting .product-trustpilot{margin:12px 0 0} @media(max-width:600px){.reviews-awaiting .buttons{width:100%;align-items:flex-start;gap:16px}.product-trustpilot{font-size:18px}} /* Dismissible, on-request packaging information. */ .packaging-dialog-inner{position:relative}.packaging-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:28px;line-height:1;display:grid;place-items:center}.packaging-close:hover{background:var(--palette-cream);border-radius:50%} /* First-order offer, separate from recurring savings. */ .trial-card-offer{display:grid;gap:7px;margin-bottom:14px}.trial-offer-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;background:var(--palette-panel);color:var(--palette-navy);font-size:18px;font-weight:700;line-height:1.4;padding:7px 11px;border-radius:20px}.trial-card-offer small{font-size:18px;line-height:1.5;color:var(--palette-slate)}.trial-card-offer small a{text-decoration:underline}.trial-price-panel{background:#faf6f0;border:1px solid var(--palette-panel);border-radius:12px;padding:16px;margin:14px 0}.trial-price-panel p{margin:10px 0 0}.trial-price-panel strong{font-size:20px} /* Packaging transition stays visible without an automatic modal. */ .branding-notice-inner>details{flex:0 1 auto}.branding-notice-inner>.branding-notice-content{display:block;margin:0;font-size:18px;line-height:1.6;max-width:650px}.branding-notice-inner{flex-wrap:wrap}.branding-notice-inner .branding-notice-close{margin-left:auto}@media(max-width:600px){.branding-notice-inner>.branding-notice-content{flex:1 0 calc(100% - 44px);font-size:18px}.branding-notice-inner>details{max-width:calc(100% - 44px)}} /* Muted clay packaging notice, with navy text. */ .branding-notice{background:var(--palette-panel);color:var(--palette-navy);border-bottom:1px solid #d6ac94}.branding-notice summary,.branding-notice .branding-notice-content,.branding-notice .branding-notice-close{color:var(--palette-navy)} /* Clear, concise packaging transition message. */ .branding-notice summary strong{font-size:18px;line-height:1.4}.branding-notice-inner>.branding-notice-content{font-size:18px;line-height:1.5;padding:4px 44px 4px 0}.packaging-refresh{max-width:520px}.packaging-refresh #packaging-title{font-size:42px;line-height:1.12}.packaging-refresh #packaging-intro{font-size:18px;line-height:1.6}@media(max-width:600px){.branding-notice summary strong{font-size:19px}.branding-notice-inner>.branding-notice-content{font-size:18px}.packaging-refresh #packaging-title{font-size:36px}} /* Distinct landing-page product cards. */ .home-page .recipe-card{border:2px solid var(--palette-navy);box-shadow:none}.home-page .recipe-card:hover{border-color:var(--palette-navy)} /* Lifestyle photography for the journal, distinct from shopping cards. */ .journal-card img:not(.journal-product-image){object-fit:cover;object-position:center 42%;background:var(--palette-cream)}.article-photo:not(.article-product-image){object-fit:cover;object-position:center 42%} /* Give the cold-pressed range its own identity in the hero. */ .premium-home .hero-cold-range{margin:26px 0 0;padding:18px 20px;border:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);border-radius:12px;background:color-mix(in srgb, var(--palette-cream) 3.53%, transparent);max-width:390px;box-sizing:border-box}.premium-home .hero-cold-range h2{margin:0 0 9px;font-size:18px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--palette-panel)}.premium-home .hero-copy .hero-cold-tagline{margin:0 0 6px;font-size:19px;font-weight:600;line-height:1.35;color:var(--palette-cream)}.premium-home .hero-copy .hero-cold-benefit{margin:0;font-size:18px;line-height:1.5;color:#d1d8e1}.hero-cold-link{display:inline-block;margin-top:12px;color:var(--palette-cream);font-size:18px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.hero-cold-link:focus-visible{outline:2px solid var(--palette-panel);outline-offset:4px}@media(max-width:600px){.premium-home .hero-cold-range{margin-top:22px;padding:16px 18px;max-width:100%}.premium-home .hero-copy .hero-cold-tagline{font-size:18px}} .premium-home .hero-cold-range h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;text-transform:none;color:var(--palette-cream);margin-bottom:10px}.premium-home .hero-copy .hero-cold-tagline{font-size:18px;font-weight:500;color:#d1d8e1}.premium-home .hero-copy .hero-cold-award{display:inline-block;margin:9px 0 10px;padding:5px 9px;border:1px solid color-mix(in srgb, var(--palette-panel) 31.37%, transparent);border-radius:5px;font-size:18px;line-height:1.4;font-weight:600;color:var(--palette-panel)}@media(max-width:600px){.premium-home .hero-cold-range h2{font-size:20px}.premium-home .hero-copy .hero-cold-tagline{font-size:18px}} /* Contrast the dry-food range with the navy Fresh hero. */ .premium-home .hero-cold-range{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:14px;max-width:450px;background:#f5eee3;border:1px solid #e7ddcd;color:var(--ink)}.hero-cold-copy{min-width:0}.premium-home .hero-cold-range h2{color:var(--ink)}.premium-home .hero-copy .hero-cold-tagline,.premium-home .hero-copy .hero-cold-benefit{color:#38465b}.premium-home .hero-copy .hero-cold-award{color:#725320;border-color:#bba16b;background:#e9dcc0}.hero-cold-range .hero-cold-link{color:var(--ink)}.hero-cold-range .hero-cold-link:focus-visible{outline-color:var(--ink)}.hero-cold-pack{display:flex;align-items:center;justify-content:center;min-width:0}.hero-cold-pack img{display:block;width:100%;height:150px;object-fit:contain;filter:none}@media(max-width:600px){.premium-home .hero-cold-range{grid-template-columns:minmax(0,1fr) 84px;gap:10px;max-width:100%;padding:16px}.hero-cold-pack img{height:140px}}@media(max-width:360px){.premium-home .hero-cold-range{grid-template-columns:minmax(0,1fr) 68px}.premium-home .hero-cold-range h2{font-size:18px}.hero-cold-pack img{height:120px}} .cold-landing .sectionhead .cold-landing-award{display:inline-block;margin:0 0 14px;padding:8px 12px;border:1px solid #bba16b;border-radius:6px;background:#e9dcc0;color:#725320;font-size:18px;line-height:1.4;font-weight:600} .branding-notice{background:#DCE5D8;border-bottom:1px solid #bccbb5;color:var(--palette-navy)} .footer-uk-pet-food{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-uk-pet-food span{font-size:18px;color:#d0d7df}.footer-awards .award-icons{flex-wrap:wrap} /* Keep the mixed-box badge inside its image, clear of pouch artwork. */ .recipe-card>.productimage,.home-page .recipe-card>.productimage{position:relative} .recipe-card .productimage>.bundle-recommendation{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;display:block;width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px 12px;border:0;border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;background:var(--palette-navy);color:var(--palette-cream);font-size:18px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;box-sizing:border-box} .recipe-card .productimage:has(>.bundle-recommendation){padding-top:48px;padding-bottom:12px} .bigimage img[src*="fresh-mixed-3d-v146"]{padding:12px;mix-blend-mode:normal} /* Salmon oil scenes stay whole and readable on mobile and desktop. */ .gallery-scene>img{display:block;width:100%;height:100%;object-fit:contain;padding:0;mix-blend-mode:normal} /* Treat pack colours use the native image without blend-mode colour shifts. */ img[src*="treats-"][src*="-v151.webp"]{mix-blend-mode:normal} .gallery-benefits-treats{background:var(--palette-navy)} /* Keep dismissal across routes and reloads, including the prerendered header. */ .packaging-notice-dismissed .branding-notice{display:none} /* Packaging explanation is a real, keyboard-accessible disclosure. */ .branding-notice-inner>details{flex:1;max-width:calc(100% - 44px)} .branding-notice details .branding-notice-content{font-size:18px;line-height:1.6;margin:8px 0 4px;padding:0;max-width:650px} /* Caveat is an accent only: original main typography and logo artwork are retained. */ /* Font licence: /nudog/caveat-OFL-v155.txt */ .brand-accent{font-family:'Nudog Food Truck',Arial,sans-serif;font-weight:600;font-size:32px;line-height:1.25;letter-spacing:0;margin:14px 0 20px;color:var(--palette-navy)} .premium-home .hero-copy>.hero-personal-line{color:var(--palette-cream);margin:16px 0 20px;max-width:100%} @media(max-width:600px){.brand-accent{font-size:27px;line-height:1.3;max-width:100%;overflow-wrap:break-word}} /* Approved site-wide supporting typography. Core headings and controls retain Inter. */ .product-page .brand-accent{margin:14px 0;font-size:28px} .info-hero .brand-accent{color:inherit} .brand-accent{max-width:100%;overflow-wrap:break-word;text-transform:none} /* Review v158: non-interactive unconnected profiles and direct enquiry access. */ .social-unavailable{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid currentColor;border-radius:12px;opacity:.8}.social-unavailable svg{width:24px;height:24px}.social-unavailable small{font-size:18px;width:100%}.direct-enquiry{margin:20px 0} /* Temporary font pairing preview: original logo artwork is retained. */ @font-face{font-family:'Nudog Aniara';src:url('/__l5e/assets-v1/827aa8a9-038f-452f-9673-246ea4b9a8c9/nudog-font-test-aniara-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Nudog Colby';src:url('/__l5e/assets-v1/415f1978-328f-4aa9-bce9-7c4f45082f52/nudog-font-test-colby-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:'Nudog Food Truck';src:url('/__l5e/assets-v1/4171ba0a-7283-4b04-8b66-907fce226466/nudog-font-test-food-truck.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap} body{font-family:'Nudog Colby',Arial,sans-serif;font-weight:500;font-synthesis:none} button,input,select,textarea{font-family:'Nudog Colby',Arial,sans-serif;font-weight:500} h1,h2,h3,h4,h5,h6,.btn{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;letter-spacing:0} .brand-accent{font-family:'Nudog Food Truck',Arial,sans-serif;font-weight:400;font-synthesis:none} /* Refined type hierarchy for the visual font trial. Real Colby Medium retained. */ body{font-size:18px;line-height:1.6} p{line-height:1.65} h1,h2,h3{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.15} h4,h5,h6,nav,.btn,.bag,.price,.label,.eyebrow{font-family:'Nudog Colby',Arial,sans-serif;font-weight:500;letter-spacing:.01em} nav,.btn,.bag{font-size:18px} .price{font-size:18px} .brand-accent{font-size:27px;line-height:1.35;letter-spacing:.01em} @media(max-width:700px){body{font-size:19px}.brand-accent{font-size:24px}nav,.btn,.bag{font-size:18px}} /* Keep desktop reading text larger than mobile after the small-text increase. */ body{font-size:20px} @media(max-width:700px){body{font-size:19px}} /* Fresh v180: transparent pack cutouts, consistent sizing and uncropped gallery views. */ .range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{height:310px;padding:12px} img[src*="new-fonts-v180"]{mix-blend-mode:normal} .bigimage:has(>img[src*="new-fonts-v180"]){display:flex;align-items:center;justify-content:center} .bigimage>img[src*="new-fonts-v180"]{display:block;width:100%;height:610px;max-width:100%;object-fit:contain;padding:16px;aspect-ratio:auto} .gallery-food>img[src*="new-fonts-v180"]{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:16px} @media(max-width:850px){.bigimage>img[src*="new-fonts-v180"]{height:clamp(360px,95vw,480px);padding:12px}.gallery-food:has(>img[src*="new-fonts-v180"]){height:clamp(340px,90vw,460px);aspect-ratio:auto}.gallery-food>img[src*="new-fonts-v180"]{padding:12px}} @media(max-width:600px){.range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{height:320px;padding:14px}.range-fresh-card>.productimage:has(>.bundle-recommendation){padding-top:48px;padding-bottom:12px}} /* v181: shared card image rows; Fresh pouches use less internal padding. */ .recipe-card>.productimage,.home-page .recipe-card>.productimage,.range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{height:340px} .range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{padding:6px} .premium-home .range-overview .range-art{flex:0 0 auto} .premium-home .range-overview .range>div:not(.range-art){flex:1} .premium-home .range-fresh .range-art{padding:6px} @media(max-width:850px){.recipe-card>.productimage,.home-page .recipe-card>.productimage,.range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{height:320px}} @media(max-width:600px){.recipe-card>.productimage,.home-page .recipe-card>.productimage,.range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{height:340px}.range-fresh-card>.productimage,.home-page .range-fresh-card>.productimage{padding:6px}.range-fresh-card>.productimage:has(>.bundle-recommendation){padding-top:48px;padding-bottom:6px}} /* v182: warm ivory Fresh hero feature panel. */ .hero-feature-panel{background:#faf8f4;border:1px solid #eee7df;border-radius:24px;padding:20px;overflow:hidden;align-self:center;min-width:0} .premium-home .hero-feature-panel .hero-offer{color:var(--palette-navy);border:0;border-bottom:1px solid #e4ddd4;max-width:none;margin:0 0 16px;padding:0 0 16px} .premium-home .hero-feature-panel .hero-offer a{color:#975a3e} .premium-home .hero-feature-panel .hero-offer span{color:var(--palette-slate)} .premium-home .hero-feature-panel .hero-composite{width:100%;margin:0;gap:12px} .premium-home .hero-feature-panel .hero-composite img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:14px;filter:none} .premium-home .hero-feature-panel .hero-composite>span{color:var(--palette-navy);font-size:20px;line-height:1.35} @media(max-width:850px){.hero-feature-panel{width:100%;order:1;padding:16px;border-radius:20px}.premium-home .hero-feature-panel .hero-composite>span{font-size:19px}} /* v183: focused mobile-first landing page. */ body:has(.clean-home) .announce,body:has(.clean-home) .branding-notice,body:has(.clean-home) .range-navigation{display:none} .clean-home .wrap{padding-top:56px;padding-bottom:56px} .clean-hero{background:var(--palette-panel)} .clean-hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center} .clean-home .clean-hero h1{color:var(--palette-navy);max-width:540px;letter-spacing:0;font-size:clamp(40px,4.5vw,64px);line-height:1.08;margin:12px 0 20px} .clean-home .clean-hero h1 span{color:var(--palette-navy)} .clean-hero .lead{font-size:22px;line-height:1.5;color:#40504d;margin:0 0 26px} .clean-hero-image{display:block;border-radius:20px;overflow:hidden} .clean-hero-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain} .clean-home h2{letter-spacing:0;line-height:1.12;margin:0 0 14px;font-size:40px} .clean-home .sectionhead p{margin:0;font-size:20px} .clean-range-carousel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .clean-range-card{display:flex;flex-direction:column;min-width:0;background:#faf8f4;border-radius:20px;overflow:hidden} .clean-range-image{height:260px;display:flex;align-items:center;justify-content:center;padding:16px;flex-shrink:0} .clean-range-image>img,.clean-range-image>.packvisual{display:block;width:100%;height:100%;padding:0;object-fit:contain;background:transparent;mix-blend-mode:normal} .clean-range-copy{padding:18px 22px 24px;display:flex;flex-direction:column;flex:1} .clean-home .clean-range-copy h3{font-size:25px;margin:0 0 10px;line-height:1.1} .clean-range-copy p{font-size:19px;line-height:1.45;margin:0 0 18px;color:#52605c;min-height:55px} .clean-range-link{margin-top:auto;font-size:19px;color:var(--palette-navy);display:flex;align-items:center;justify-content:space-between} .clean-range-cold{background:#f0ede5}.clean-range-treats{background:#f2edf4}.clean-range-oil{background:#eef0e7} .clean-swipe-hint{display:none} .clean-mixed{background:#faf6ef} .clean-mixed-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .clean-mixed-image{height:420px;display:flex;align-items:center;justify-content:center} .clean-mixed-image>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal} .clean-mixed-copy p{font-size:20px;line-height:1.5;margin:16px 0} .clean-mixed-price{font-size:28px;color:var(--palette-navy)}.clean-mixed-price span{font-size:19px;color:#58635d} .clean-quiet-link{display:block;width:fit-content;min-height:44px;padding:12px 0;font-size:19px;text-decoration:underline;text-underline-offset:4px} .clean-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;text-align:center;border-bottom:1px solid #e6e9e2} .clean-benefits article>span{display:flex;justify-content:center;height:42px} .clean-benefits svg{width:34px;height:34px} .clean-home .clean-benefits h3{font-size:24px;margin:16px 0 10px} .clean-benefits p{font-size:19px;margin:0;color:#58645f} .clean-faq{max-width:850px} .clean-faq details{border-bottom:1px solid #dce3d8;padding:18px 0} .clean-faq summary{font-size:22px;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none} .clean-faq summary::-webkit-details-marker{display:none} .clean-faq summary::after{content:'+';font-size:28px}.clean-faq details[open] summary::after{content:'−'} .clean-faq p{font-size:19px;line-height:1.6;margin:10px 0} .clean-home .clean-trust{padding-top:0;text-align:center}.clean-trust p{max-width:none;font-size:19px}.clean-trust .product-trustpilot{justify-content:center} @media(max-width:850px){.clean-hero-layout{grid-template-columns:1fr;gap:24px}.clean-hero-copy{display:contents}.clean-hero-copy .eyebrow{order:0}.clean-home .clean-hero h1{order:1;margin:0;font-size:clamp(40px,7vw,54px)}.clean-hero .lead{order:2;margin:0;font-size:20px}.clean-hero-image{order:3}.clean-main-action{order:4;justify-self:stretch;width:100%}.clean-range-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 12px;scrollbar-width:thin;scrollbar-color:#c2cbb7 transparent}.clean-range-card{flex:0 0 min(76vw,330px);scroll-snap-align:start}.clean-range-image{height:280px;padding:12px}.clean-swipe-hint{display:block;font-size:18px;color:#637060;margin:14px 0 0}.clean-mixed-layout{grid-template-columns:1fr;gap:24px}.clean-mixed-image{height:320px}.clean-benefits{gap:22px}.clean-home .clean-benefits h3{font-size:21px}.clean-benefits p{font-size:18px}} @media(max-width:600px){.clean-home .wrap{padding:36px 5%}.clean-home h2{font-size:34px}.clean-hero-layout{gap:18px}.clean-home .clean-hero h1{font-size:42px}.clean-hero-image{border-radius:14px}.clean-hero .lead{font-size:19px}.clean-range-image{height:270px}.clean-range-copy{padding:18px 20px 22px}.clean-range-copy p{min-height:0}.clean-benefits{grid-template-columns:1fr;text-align:left;gap:24px}.clean-benefits article{display:grid;grid-template-columns:38px 1fr;column-gap:16px}.clean-benefits article>span{grid-row:1/3;align-self:center}.clean-home .clean-benefits h3{margin:0 0 6px;font-size:22px}.clean-faq summary{font-size:21px}.clean-mixed-image{height:300px}body:has(.clean-home) .header-slogan{display:none}body:has(.clean-home) .chat-launcher{width:52px;height:52px;min-height:52px;padding:0;justify-content:center;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}body:has(.clean-home) .chat-launcher>span{display:none}} /* v184: quiet palette bands and a compact journal slider. */ .clean-range-section{background:#fffaf4}.clean-home .clean-mixed{background:var(--palette-panel)}.clean-benefit-section{background:var(--palette-panel)}.clean-home .clean-benefits{border:0}.clean-faq-section{background:#fffaf4} .clean-home .clean-journal{background:var(--palette-cream);border-radius:0;margin:0}.clean-journal .sectionhead{margin-bottom:24px}.clean-home .clean-journal .journal-track{gap:22px;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:#c6ceb9 transparent}.clean-home .clean-journal .journal-card{flex:0 0 calc((100% - 44px)/3);border:0;border-radius:18px;background:var(--palette-panel)}.clean-journal .journal-card a{display:block;color:inherit;text-decoration:none}.clean-home .clean-journal .journal-card img{height:220px;aspect-ratio:3/2}.clean-journal .journal-copy{padding:22px}.clean-home .clean-journal h3{font-size:26px;line-height:1.2;margin:12px 0 20px}.clean-journal .journal-copy .eyebrow{font-size:16px;letter-spacing:.04em}.clean-journal .textlink{font-size:19px}.clean-journal .journal-controls{align-items:center;gap:10px;margin-top:18px}.clean-journal-hint{margin-right:auto;font-size:18px;color:#58645f}.clean-journal .chip{width:48px;height:48px;border-radius:50%;font-size:23px;display:grid;place-items:center;padding:0}.clean-journal a:focus-visible,.clean-journal .chip:focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} .clean-review-section{background:var(--palette-navy);color:var(--palette-cream)}.clean-review-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.clean-home .clean-review-section h2{color:var(--palette-cream)}.clean-review-section .eyebrow{color:#eab798}.clean-review-section p{font-size:20px;line-height:1.5;color:var(--palette-cream);max-width:470px}.clean-review-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.clean-review-section .product-trustpilot,.clean-review-section .clean-quiet-link{color:var(--palette-cream)}.clean-review-section .btn{background:#eab798;color:var(--palette-navy);border-color:#eab798}.clean-review-section .clean-quiet-link{padding:4px 0;margin:0} @media(max-width:850px){.clean-home .clean-journal .journal-card{flex-basis:min(76vw,340px)}.clean-home .clean-journal .journal-card img{height:230px}.clean-review-layout{grid-template-columns:1fr;gap:20px}.clean-journal .sectionhead{gap:14px}} @media(prefers-reduced-motion:reduce){.clean-journal .journal-track{scroll-behavior:auto}} /* Stronger Nudog flavour colours: blue, mustard, white and navy. */ .clean-home .clean-hero{background:#dceef6}.clean-range-section{background:var(--palette-cream)}.clean-home .clean-mixed{background:#f1ca69}.clean-benefit-section{background:var(--palette-navy);color:var(--palette-cream)}.clean-home .clean-benefits h3,.clean-home .clean-benefits p{color:var(--palette-cream)}.clean-benefits svg{color:var(--palette-cream)}.clean-benefits svg *{stroke:currentColor}.clean-home .clean-journal{background:#dceef6}.clean-home .clean-journal .journal-card{background:var(--palette-cream)}.clean-faq-section{background:var(--palette-cream)}.clean-review-section{background:#f1ca69;color:var(--palette-navy)}.clean-home .clean-review-section h2,.clean-review-section .eyebrow,.clean-review-section p,.clean-review-section .product-trustpilot,.clean-review-section .clean-quiet-link{color:var(--palette-navy)}.clean-review-section .btn{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)} /* v185: mobile search sits directly above Shop all. */ @media(max-width:850px){header{position:relative}header nav{padding-top:48px;position:relative}header nav .search-launcher{position:absolute;left:0;top:0;width:44px;height:44px;padding:10px;margin:0}header nav .search-launcher span{display:none}header nav>a[href="#shop"]{order:0}header nav>a[href="#finder"]{order:1}header nav .bag{order:2}header nav .account-link{order:3}} @media(max-width:850px){header{position:sticky;top:0;z-index:40;transition:transform .22s ease;box-shadow:none}header.mobile-header-hidden:not(:focus-within){transform:translateY(-105%)}} @media(prefers-reduced-motion:reduce){header{transition:none}} /* v186: compact two-row mobile header; search shares the logo row. */ @media(max-width:850px){header{padding:6px 5%;gap:0;flex-direction:column;align-items:stretch}header .header-brand{height:48px;min-height:48px;width:100%;justify-content:center;gap:0}header .header-brand .logo{width:122px;height:48px;object-fit:contain}header .header-slogan{display:none}header nav{position:static;padding-top:0;margin:0;min-height:44px;gap:8px;width:100%;flex:initial;justify-content:space-between}header nav .search-launcher{top:8px;left:5%;width:44px;height:44px}header nav>a{min-height:44px}header nav .bag{min-height:44px;padding:6px 12px}header nav .account-link{display:none}} .clean-hero-offer{margin-top:16px;font-size:20px}.clean-hero-offer>a{font-weight:600;text-decoration:underline;text-underline-offset:4px}.clean-hero-offer small{display:block;font-size:16px;line-height:1.4;margin-top:6px;color:var(--palette-slate)}.clean-hero-offer small a{text-decoration:underline}.footer-link-group summary{font-size:21px;color:var(--palette-panel);cursor:pointer;min-height:44px;list-style:none}.footer-link-group summary::-webkit-details-marker{display:none}.footer-group-links{display:grid}.site-footer .footerlinks>.footer-link-group{min-width:0} @media(max-width:850px){.clean-hero-offer{order:5;margin:0;text-align:center}.site-footer{padding-top:28px;padding-bottom:18px}.site-footer .footer-top{gap:20px}.site-footer .footerlinks{gap:0}.footer-link-group{border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);padding:4px 0}.footer-link-group summary{display:flex;justify-content:space-between;align-items:center}.footer-link-group summary::after{content:'+'}.footer-link-group[open] summary::after{content:'−'}.footer-group-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding-bottom:10px}.site-footer .footer-brand p{margin:8px 0}.site-footer .footer-awards{padding-top:16px;gap:10px}.site-footer .footer-award-badge{width:62px;height:62px}.site-footer .footer-newsletter{padding:20px 0;gap:12px}.site-footer .footer-confidence{padding-block:16px}} /* Quiet changeover reassurance, with the full explanation on demand. */ .clean-packaging-note{margin-top:18px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent);padding-top:10px;color:var(--palette-navy);max-width:440px}.clean-packaging-note summary{font-size:19px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.clean-packaging-note summary::-webkit-details-marker{display:none}.clean-packaging-note summary::after{content:'+';font-size:24px}.clean-packaging-note[open] summary::after{content:'−'}.clean-packaging-note p{font-size:18px;line-height:1.5;margin:6px 0 10px} @media(max-width:850px){.clean-packaging-note{order:6;margin:0;width:100%;max-width:none}.clean-packaging-note summary{font-size:19px}} .footer-newsletter-toggle>summary{display:none} @media(max-width:850px){.site-footer{padding:20px 5% 12px}.site-footer .footer-top{gap:12px}.site-footer .footer-portrait{display:none}.site-footer .footer-brand .logo{width:110px;height:46px}.site-footer .footer-brand>p:first-of-type{display:none}.site-footer .footer-brand .footer-heritage{font-size:16px;margin:6px 0}.site-footer .footerlinks{gap:0}.footer-link-group{padding:0}.footer-link-group summary{font-size:20px;min-height:44px}.site-footer .footer-awards{padding-top:12px;gap:8px}.site-footer .footer-awards>p{font-size:16px;line-height:1.3;max-width:none}.site-footer .footer-award-badge{width:48px;height:48px}.site-footer .award-icons{gap:16px}.site-footer .award-icons span{font-size:15px}.footer-newsletter-toggle{border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);margin-top:12px}.footer-newsletter-toggle>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;list-style:none;font-size:20px;color:var(--palette-panel)}.footer-newsletter-toggle>summary::-webkit-details-marker{display:none}.footer-newsletter-toggle>summary::after{content:'+'}.footer-newsletter-toggle[open]>summary::after{content:'−'}.site-footer .footer-newsletter{padding:8px 0 16px;margin:0}.site-footer .footer-confidence{padding:12px 0;gap:14px}.site-footer .footer-payment-group>p{margin:0 0 6px}.site-footer .footer-bottom{padding-top:10px;margin-top:0}} .clean-mixed-price del{font-size:22px;color:var(--palette-slate);margin-right:10px}.clean-mixed-price strong{font-size:34px}.clean-home .clean-mixed-copy .clean-trial-terms{font-size:18px;line-height:1.45;max-width:470px}.clean-home .clean-mixed-copy .clean-trial-preview{font-size:16px;line-height:1.4;margin-top:8px} .site-footer .footer-brand>p.footer-brand-slogan{display:block;font-family:'Nudog Food Truck',Arial,sans-serif;font-weight:400;font-size:23px;line-height:1.3;color:var(--palette-cream);margin:6px 0 12px}.site-footer .footer-payments{display:flex;flex-wrap:nowrap;gap:6px}.site-footer .footer-payment{width:38px;height:25px;min-width:0;padding:2px;border-radius:4px}.site-footer .footer-payment img{width:32px;height:21px;object-fit:contain}.site-footer .footer-payment-group>p{font-size:16px;margin-bottom:6px} @media(max-width:850px){.site-footer .footer-payments{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;max-width:320px}.site-footer .footer-payment{width:100%;height:26px}.site-footer .footer-payment-group{width:100%;min-width:0}.site-footer .footer-brand>p.footer-brand-slogan{font-size:22px;margin:4px 0 8px}.site-footer .footer-confidence{gap:10px}.site-footer .footer-payment-group>p{text-align:left}} .clean-home .clean-why-layout>h2{color:var(--palette-cream);text-align:center;margin:0 0 30px}.clean-why-layout .clean-benefits{padding:0}.clean-home .clean-why-layout .clean-benefits h3{font-size:25px;line-height:1.25;max-width:290px;margin:16px auto 0}.clean-home .clean-why-signoff{font-size:28px;line-height:1.3;color:#eab798;text-align:center;margin:30px auto 0;max-width:none} @media(max-width:600px){.clean-home .clean-why-layout>h2{text-align:left;margin-bottom:28px}.clean-why-layout .clean-benefits article{align-items:center}.clean-why-layout .clean-benefits article>span{grid-row:auto}.clean-home .clean-why-layout .clean-benefits h3{font-size:23px;margin:0;max-width:none}.clean-home .clean-why-signoff{font-size:26px;text-align:left;margin-top:28px}} .clean-home .clean-mixed-image{height:auto;min-height:0;aspect-ratio:3/2;border-radius:18px;overflow:hidden}.clean-home .clean-mixed-image>img{display:block;width:100%;height:100%;object-fit:contain;padding:0} .clean-home .clean-mixed-image{background:transparent;border-radius:0;overflow:visible}.clean-home .clean-mixed-image>img{background:transparent} .clean-home .clean-mixed-copy .clean-trial-hook{font-size:25px;line-height:1.35;margin:16px 0;color:var(--palette-navy)} .clean-why-subline{display:block;font-family:'Nudog Colby',Arial,sans-serif;font-weight:500;font-size:21px;line-height:1.4;color:var(--palette-cream);margin-top:8px;font-synthesis:none} .clean-home .clean-mixed-copy h2{margin:10px 0 14px}.clean-home .clean-mixed-copy .clean-trial-hook{font-size:22px;line-height:1.4;margin:0 0 18px}.clean-home .clean-mixed-copy .clean-mixed-price{margin:0 0 18px}.clean-home .clean-mixed-copy .clean-trial-terms{font-size:17px;line-height:1.4;margin:12px 0 0}.clean-home .clean-mixed-copy .clean-trial-terms .textlink{font-size:17px}.clean-home .clean-mixed-copy .clean-trial-preview{font-size:16px;margin:6px 0 0}.clean-mixed-layout{gap:28px} @media(max-width:600px){.clean-home .clean-mixed>.wrap{padding-block:28px}.clean-mixed-layout{gap:22px}.clean-home .clean-mixed-copy .eyebrow{font-size:15px;letter-spacing:.09em}.clean-home .clean-mixed-copy h2{font-size:34px}.clean-home .clean-mixed-copy .clean-trial-hook{font-size:21px}} .clean-range-price{font-size:23px;line-height:1.3;color:var(--palette-navy);margin:14px 0 18px}.clean-range-price strong{font-weight:500}.clean-range-price small{display:block;font-size:17px;margin-top:5px;color:var(--palette-slate);line-height:1.35} /* v200 review: consistent card rows and safe mobile reading widths. */ .clean-home .clean-range-copy h3{min-height:2.2em}.clean-home .clean-range-copy p{min-height:2.9em}.clean-home .clean-range-price{margin-top:auto}.clean-home .clean-range-link{margin-top:0} main .info-hero-inner>div,main .product-purchase,main .account-panel,main .journal-copy{min-width:0}main h1,main h2,main h3{overflow-wrap:break-word}main input,main select,main textarea{max-width:100%;min-width:0} @media(max-width:600px){main .wrap>h1[style]{font-size:38px}main .account-panels{min-width:0}.info-prose p,.info-tiles p,.info-steps p,.info-faqs .detailsbody,.article-body p{font-size:19px}} /* v201: approved real font weights and clearer text contrast. */ h1,h2,h3,h4,h5,h6{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;letter-spacing:0;font-synthesis:none} body,p,li,nav,label,summary,input,select,textarea,button,.btn,.bag,.price,.label,.eyebrow,.textlink,.card-meat,.card-price-row,.card-saving,.bundle-recommendation{font-family:'Nudog Colby',Arial,sans-serif;font-weight:500;font-synthesis:none} .brand-accent,.site-footer .footer-brand-slogan{font-family:'Nudog Food Truck',Arial,sans-serif;font-weight:400} .clean-why-subline{font-family:'Nudog Colby',Arial,sans-serif;font-weight:500} h1 a,h2 a,h3 a{font-family:inherit;font-weight:inherit} .label,.eyebrow{color:#526044}.info-hero .eyebrow,.clean-review-section .eyebrow{color:inherit}.clean-hero-offer>a{font-weight:500}.clean-home .clean-hero .eyebrow{color:var(--palette-slate)}.clean-home .clean-mixed .eyebrow{color:var(--palette-navy)}.btn.clay{background:var(--palette-navy);border-color:var(--palette-navy);color:var(--palette-cream)} .card-ingredients,.card-price-note,.card-pack{color:var(--palette-slate)}.clean-range-card{border:1px solid color-mix(in srgb, var(--palette-navy) 7.84%, transparent)}.clean-range-card:focus-visible,.clean-range-card:hover{outline:2px solid var(--palette-navy);outline-offset:3px} .suitability-badge{display:block;width:fit-content;max-width:100%;background:var(--palette-panel);color:var(--palette-navy);border-radius:10px;padding:9px 12px;font-size:18px;line-height:1.4;margin:12px 0}.recipe-card .suitability-badge{font-size:16px;padding:7px 9px}.clean-hero-suitability{font-size:18px;line-height:1.4;color:var(--palette-navy);margin:0 0 18px} @media(max-width:850px){.clean-hero-suitability{order:2;margin:0;font-size:18px}} .product-benefit-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-benefit-list li{min-width:0}.product-benefit-list h3{font-size:22px;margin:0 0 6px;color:var(--palette-navy)}.product-benefit-list p{font-size:19px;line-height:1.5;margin:0}.gallery-benefits li strong{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700} @media(max-width:600px){.product-benefit-list{grid-template-columns:1fr;gap:18px}} /* v207: gallery height follows the active slide, without a tallest-slide gap. */ .gallery-track{align-items:flex-start;overflow-y:hidden}.gallery-slide{align-self:flex-start;height:auto}.gallery-slide figcaption{min-height:0;margin:8px 0 10px;padding:0 6px;line-height:1.4}.gallery-benefits{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.gallery-benefits ul,.gallery-benefits li{min-width:0;max-width:100%}.gallery-benefits li strong,.gallery-benefits li span{overflow-wrap:anywhere;white-space:normal} @media(max-width:850px){.product .gallery-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-top:8px;padding-bottom:6px;scrollbar-width:thin}.gallery-tabs .chip{flex:0 0 auto;min-height:44px;font-size:18px;padding:8px 12px;color:var(--palette-navy)}.gallery-tabs .chip.active{color:var(--palette-cream)}.gallery-hint{margin:4px 0 8px;font-size:17px}.gallery-benefits{min-height:0;height:auto;aspect-ratio:auto;padding:22px 20px;justify-content:flex-start;border-radius:18px}.gallery-benefits .gallery-brand{width:104px;height:44px;margin-bottom:10px}.gallery-benefits h2{font-size:28px;line-height:1.15;margin:12px 0 18px}.gallery-benefits ul{gap:14px}.gallery-benefits li{padding-top:12px}.gallery-benefits li strong{font-size:21px;line-height:1.2}.gallery-benefits li span{font-size:18px;line-height:1.4;margin-top:5px}.product{gap:18px}.product-gallery{margin-bottom:0}.gallery-slide figcaption{font-size:17px}} /* v208: single-row purchase shortcut, only after the main purchase controls. */ @media(max-width:850px){.mobile-purchase-bar{padding:8px 5% calc(8px + env(safe-area-inset-bottom));gap:12px;min-height:68px}.mobile-purchase-bar.is-inactive{display:none}.mobile-purchase-bar>div>strong,.mobile-purchase-bar #sticky-pack,.mobile-purchase-bar .sticky-edit{display:none}.mobile-purchase-bar #sticky-price{font-size:24px;line-height:1.2;margin:0;white-space:nowrap}.mobile-purchase-bar .btn{min-height:48px;min-width:145px;padding:10px 18px;font-size:19px;line-height:1.2}.has-purchase-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.has-purchase-bar .chat-launcher{bottom:calc(82px + env(safe-area-inset-bottom));width:48px;height:48px;min-height:48px;padding:0;justify-content:center}.has-purchase-bar .nudog-chat{bottom:calc(140px + env(safe-area-inset-bottom));max-height:calc(100dvh - 170px)}} header .account-icon{display:none} @media(max-width:850px){header nav{justify-content:flex-start}header nav>a[href="#shop"]{margin-right:auto}header nav .account-link{display:inline-flex;order:1;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:8px;border-radius:50%;color:var(--palette-navy)}header nav .account-link>span{display:none}header .account-icon{display:block;width:24px;height:24px}header nav .bag{order:2}header nav .account-link:hover{background:var(--palette-panel)}} /* Audit fixes: compact mobile range cards and clear subscription conditions. */ .search-result-price small{display:block;font-size:14px;line-height:1.4;font-weight:400;white-space:normal;margin-top:4px} @media(max-width:850px){.clean-range-image{height:240px}.clean-range-copy{padding:16px 18px 18px}.clean-range-link{display:inline-flex;align-items:center;min-height:44px}.product-gallery,.product-gallery .gallery-slide{min-width:0;max-width:100%}} @media(max-width:600px){.clean-range-image{height:235px}.clean-home .clean-range-copy h3{min-height:0;margin-bottom:8px}.clean-home .clean-range-copy p{min-height:0;margin-bottom:10px}.clean-home .clean-range-price{margin:8px 0 10px;font-size:22px}.clean-range-price small{font-size:16px}.gallery-tabs{scroll-padding-inline:12px}.mobile-purchase-bar{max-width:100%;box-sizing:border-box}.mobile-purchase-bar .btn{min-width:0;flex:1}.mobile-purchase-bar #sticky-price{font-size:22px}} /* Keep product information journeys connected to the selected buying options. */ .product-return{display:inline-flex;align-items:center;min-height:44px;margin:14px 0;padding:8px 0;white-space:normal;text-align:left}.product-page #purchase-options,.product-page #ingredients,.product-page #feeding,.product-page #delivery{scroll-margin-top:24px} /* Product information: one native accordion per topic, one return action inside each. */ .product-info-section{border-top:1px solid #dce0e3;border-bottom:0;margin:0;padding:0}.product-info-section>summary{min-height:56px;padding:16px 4px;font-size:21px;line-height:1.35;cursor:pointer}.product-info-section[open]>summary{color:var(--palette-navy);font-weight:700}.product-info-section>.feeding-tool{border:0;padding:12px 0;margin:0}.product-info-section .product-return{display:flex;width:100%;border-top:1px solid #dce0e3;padding:16px 0;margin:16px 0 0;font-size:18px}.product-info-section:last-of-type{border-bottom:1px solid #dce0e3} /* Give product information its own section beneath the buying area. */ .product-information{max-width:900px;margin:48px auto 0;padding-top:28px;border-top:2px solid var(--palette-navy)}.product-information>h2{font-size:32px;line-height:1.2;margin:0 0 12px}.product-information-intro{font-size:19px;line-height:1.5;margin:0 0 24px;color:var(--palette-slate)}.product-information .product-info-section>summary{min-height:60px}.product-information .feeding-fields{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:600px){.product-information{margin-top:36px;padding-top:24px}.product-information>h2{font-size:28px}.product-information-intro{font-size:18px;margin-bottom:20px}.product-information .feeding-fields{grid-template-columns:minmax(0,1fr)}} /* Mobile header: one compact toolbar; navigation lives in the menu. */ .mobile-navigation{display:none} @media(max-width:850px){ header{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);grid-template-rows:56px;align-items:center;gap:0;padding:4px 4%;min-height:64px;background:var(--palette-cream);overflow:visible} header .header-brand{grid-column:2;grid-row:1;width:auto;min-width:0;height:48px;min-height:0;justify-content:center} header .header-brand .logo{width:112px;max-width:100%;height:46px;object-fit:contain} header .desktop-navigation{display:contents} header > nav.desktop-navigation > a:not(.bag){display:none} header .desktop-navigation .search-launcher{display:inline-flex;position:static;grid-column:3;grid-row:1;justify-self:end;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;margin:0 44px 0 0;border:0;background:transparent;color:var(--palette-navy)} header .desktop-navigation .bag{display:block;position:relative;grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:0;font-size:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102039' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") center/25px 25px no-repeat} header .desktop-navigation .bag::after{content:attr(data-count);position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 3px;border-radius:12px;background:var(--palette-navy);color:var(--palette-cream);font:12px/18px Arial,sans-serif;text-align:center;box-sizing:border-box} header .mobile-navigation{display:block;position:static;grid-column:1;grid-row:1;justify-self:start;border:0;margin:0;padding:0;min-width:0} header .mobile-navigation>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;list-style:none;border:0;cursor:pointer;color:var(--palette-navy)} header .mobile-navigation>summary::-webkit-details-marker{display:none} header .mobile-navigation>summary::after{display:none} header .mobile-navigation>summary svg{width:24px;height:24px} header .mobile-navigation>.mobile-menu-panel{position:absolute;top:100%;left:0;right:0;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:12px 5% 24px;background:var(--palette-cream);border-top:1px solid #e3e5e7;border-bottom:1px solid #dce0e3;box-shadow:none;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;z-index:45} header .mobile-navigation:not([open])>.mobile-menu-panel{display:none} header .mobile-menu-panel>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:0;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:21px;line-height:1.3;order:initial} .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;font-size:23px} .mobile-menu-close{width:44px;height:44px;min-height:44px;border:0;background:transparent;color:var(--palette-navy);font-size:32px;line-height:1;cursor:pointer} header .mobile-menu-panel .mobile-menu-finder{background:var(--palette-panel);border-radius:10px;margin-top:14px;padding:12px 14px;border:0} .mobile-menu-help{display:grid;gap:0;border-top:1px solid #dce0e3;margin-top:18px;padding-top:10px} .mobile-menu-help a{display:flex;align-items:center;min-height:48px;font-size:19px;line-height:1.35;padding:10px 0} .range-navigation{display:none} .announce{font-size:15px;line-height:1.3;padding:6px 12px}.announce-shipping{display:none} } .article-note{padding:16px 18px;border-left:3px solid var(--palette-navy);background:var(--palette-cream);font-size:17px;line-height:1.5}.journal-article .article-body a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.journal-article .article-body li{margin-bottom:10px} /* Highlight the packaging reassurance beneath the main hero actions. */ .clean-packaging-note{background:#e4ead6;border:1px solid #b8c3a3;border-radius:14px;padding:12px 16px;color:var(--palette-navy)}.clean-packaging-note summary{font-size:22px;line-height:1.3;min-height:48px;gap:14px}.clean-packaging-note summary::after{flex:0 0 24px;text-align:center;font-size:28px}.clean-packaging-note p{margin:10px 0 4px;color:var(--palette-navy)} @media(max-width:850px){.clean-packaging-note{padding:12px 16px}.clean-packaging-note summary{font-size:22px}} .journal-card img.journal-research-image,.clean-home .clean-journal .journal-card img.journal-research-image,.journal-article img.journal-research-image{object-fit:contain;background:var(--palette-cream);padding:12px;box-sizing:border-box} .recipe-card>.treat-quick-buy{padding:0 24px 24px;margin-top:auto;width:100%;min-width:0;flex:none;box-sizing:border-box}.treat-quick-buy label{display:block;font-size:19px}.treat-quick-buy .treat-quantity-help{display:block;margin:3px 0 12px}.treat-quick-buy .quantity-stepper{display:flex;align-items:center;justify-content:flex-start;gap:0;margin:0 0 16px}.treat-quick-buy .quantity-stepper button{width:48px;height:48px;padding:0;border:1px solid #d8dcdf;background:var(--palette-cream);color:var(--palette-navy)}.treat-quick-buy input{width:64px;height:48px;text-align:center;border:1px solid #d8dcdf;padding:4px}.recipe-card>.treat-quick-buy>.card-action{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;min-height:48px;margin:0;padding:12px 16px;border:1px solid var(--palette-navy);border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;background:var(--palette-navy);color:var(--palette-cream);text-align:center;text-decoration:none;white-space:normal;line-height:1.4;cursor:pointer;box-sizing:border-box}.treat-add-status{font-size:18px;margin:10px 0 0;line-height:1.4}.treat-add-status:empty{display:none}.treat-quick-buy button:disabled{opacity:.55;cursor:default} @media(max-width:600px){.recipe-card>.treat-quick-buy{padding:0 22px 22px}} /* Basket actions: treat-range accent and consistent button alignment. */ .basket-actions{align-items:stretch;gap:12px}.basket-actions>.btn,.basket-actions .cart-checkout-form .btn{min-height:52px;text-align:center;line-height:1.3;white-space:normal}.basket-actions>.basket-treats{background:#dce5d8;border-color:#b8c7b0;color:var(--palette-navy);text-decoration:none}.basket-actions>.basket-treats:hover{background:#cbdac5;border-color:#9caf92}.basket-actions .cart-checkout-form{margin:0}.basket-actions .cart-checkout-form .btn{height:100%} @media(max-width:600px){.basket-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.basket-actions>.cart-checkout-form,.basket-actions>.btn[href="/checkout"]{grid-column:1/-1;width:100%}.basket-actions>.btn,.basket-actions .cart-checkout-form .btn{width:100%;min-width:0;padding:14px 12px;margin:0}.basket-actions>.btn{display:flex;align-items:center;justify-content:center}} .checkout-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}.checkout-fields{display:grid;gap:18px}.checkout-fields label{display:grid;gap:6px}.checkout-fields input,.checkout-fields select,.account-panel input{width:100%;min-width:0;min-height:48px;border:1px solid #bdc6cc;border-radius:10px;padding:12px;background:white;color:var(--palette-navy)}.checkout-summary{background:#f8f6f1;padding:24px;border-radius:18px;min-width:0}.checkout-summary>p{display:flex;justify-content:space-between;gap:16px}.checkout-summary strong{white-space:nowrap}.checkout-summary>.small{display:block}.checkout-summary .btn{width:100%;margin-top:18px}.checkout-total{border-top:1px solid #dce0e3;padding-top:16px;font-size:24px}.account-panel input{display:block;max-width:440px;margin:10px 0 18px}@media(max-width:700px){.checkout-layout{grid-template-columns:minmax(0,1fr);gap:28px}.checkout-summary{padding:20px}.checkout-summary>p{flex-wrap:wrap}} .clean-hero-copy .clean-hero-mission{font-family:"Nudog Aniara",Arial,sans-serif;font-weight:700;font-synthesis:none;font-size:clamp(22px,2.2vw,28px);line-height:1.3;color:var(--palette-navy);max-width:100%;margin:0 0 18px;overflow-wrap:normal}@media(max-width:600px){.clean-hero-copy .clean-hero-mission{font-size:23px;margin-bottom:16px}} /* Compact mobile hero: explicit reading order, no stacked paragraph margins. */ @media(max-width:850px){.clean-hero-layout{gap:12px}.clean-hero-copy .eyebrow{order:0}.clean-home .clean-hero h1{order:1}.clean-hero-copy .clean-hero-mission{order:2;margin:0;font-size:22px;line-height:1.25}.clean-hero .lead{order:3;margin:0;line-height:1.4}.clean-hero-suitability{order:4;margin:0;line-height:1.35}.clean-hero-image{order:5}.clean-main-action{order:6}.clean-hero-offer{order:7}.clean-packaging-note{order:8}} @media(max-width:600px){.clean-home .clean-hero>.wrap{padding-top:24px;padding-bottom:28px}.clean-hero-layout{gap:10px}.clean-home .clean-hero h1{font-size:clamp(34px,9.2vw,39px);line-height:1.08}.clean-hero .lead{font-size:18px}.clean-hero-suitability{font-size:17px}.clean-hero-copy .clean-hero-mission{font-size:22px;margin:0}} /* Transparent doodle drawn directly on the light-blue hero. */ .clean-home .clean-hero-image{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible} .clean-hero .hero-free-emphasis{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-synthesis:none} /* Review improvements: proof, contents, dates and planner visibility. */ .clean-proof-grid p{font-size:18px;line-height:1.45;margin:12px 0;color:inherit}.clean-proof-grid a{color:inherit;text-decoration:underline;font-size:17px}.mixed-box-contents{margin:20px 0}.mixed-box-contents h3{font-size:22px;margin:0 0 8px}.mixed-box-contents>p{font-size:17px;margin:0 0 14px}.mixed-pouch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mixed-pouch-pair{display:flex;justify-content:center;gap:3px;height:110px}.mixed-pouch-pair img,.mixed-pouch-pair svg{width:46%;height:100%;object-fit:contain;min-width:0}.mixed-pouch-flavour{text-align:center;min-width:0}.mixed-pouch-flavour>span{display:block;font-size:16px;margin-top:8px}.journal-updated{font-size:16px;color:#4c5f70;margin:8px 0 12px}.footer-contact{display:flex;flex-direction:column;gap:10px;margin:18px 0}.footer-contact a{color:inherit;overflow-wrap:anywhere}.food-plan .plan-fields{padding:22px;background:#dceef6;border-radius:16px;margin:20px 0}.food-plan .adult-plan-field[hidden]{display:none}.food-plan input[type=range]{padding:0;min-height:32px;accent-color:var(--palette-navy)}.food-plan #finder-assumptions{font-size:17px;line-height:1.5}.clean-proof-grid{align-items:start}@media(max-width:600px){.mixed-pouch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clean-proof-grid article p,.clean-proof-grid article a{grid-column:2}.food-plan .plan-fields{grid-template-columns:1fr;padding:18px}.mixed-pouch-pair{height:100px}} .clean-mixed-heading{margin:0 0 24px}.clean-mixed-summary{font-size:21px;line-height:1.4;margin:0 0 16px}.clean-mixed-flavours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding:0;margin:0 0 20px;list-style:none;font-size:20px}.clean-mixed .clean-mixed-layout{align-items:center}@media(max-width:600px){.clean-mixed-heading{margin-bottom:18px}.clean-mixed-flavours{font-size:19px;gap:8px 14px}} /* Brand CTAs: heading typography and softly uneven hand-drawn rectangles. */ body .btn,body .recipe-card>.treat-quick-buy>.card-action,body .footer-newsletter button{ font-family:'Nudog Aniara',Arial,sans-serif; font-weight:700;font-synthesis:none;text-transform:uppercase; letter-spacing:.015em;line-height:1.2;white-space:normal;text-align:center; border-radius:13px 9px 14px 8px / 9px 13px 8px 12px; border-width:2px;border-style:solid;min-height:48px; padding:14px 22px;box-sizing:border-box;text-decoration:none; } body .btn.alt{background:transparent;border-color:currentColor} body .btn:focus-visible,body .card-action:focus-visible,body .footer-newsletter button:focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} @media(max-width:600px){body .btn,body .recipe-card>.treat-quick-buy>.card-action,body .footer-newsletter button{font-size:18px;padding:13px 18px;min-height:48px}} /* Mobile brand toolbar: logo left; outlined search, filled menu and basket right. */ @media(max-width:850px){ header{grid-template-columns:minmax(0,1fr) repeat(3,44px);grid-template-rows:64px;column-gap:8px;min-height:80px;padding:8px 4%;box-sizing:border-box} header .header-brand{grid-column:1;grid-row:1;justify-content:flex-start;justify-self:start;width:100%;height:54px;min-height:0} header .header-brand .logo{width:clamp(108px,28vw,150px);max-width:100%;height:54px;object-fit:contain;object-position:left center} header .desktop-navigation .search-launcher{grid-column:2;grid-row:1;justify-self:stretch;width:44px;height:46px;min-height:46px;margin:0;padding:10px;border:2px solid var(--palette-navy);border-radius:14px 11px 15px 10px / 12px 15px 11px 14px;background:transparent;color:var(--palette-navy);box-sizing:border-box} header .desktop-navigation .search-launcher svg{display:block;width:23px;height:23px;flex:none} header .desktop-navigation .search-launcher span{display:none} header .mobile-navigation{grid-column:3;grid-row:1;justify-self:stretch} header .mobile-navigation>summary{width:44px;height:46px;min-height:46px;margin:0;padding:10px;border:2px solid var(--palette-navy);border-radius:12px 15px 10px 14px / 15px 11px 14px 10px;background:var(--palette-navy);color:var(--palette-cream);box-sizing:border-box} header .mobile-navigation>summary svg{width:23px;height:23px;flex:none} header .desktop-navigation .bag{grid-column:4;grid-row:1;width:44px;height:46px;min-height:46px;margin:0;border:2px solid var(--palette-navy);border-radius:14px 10px 13px 11px / 11px 14px 10px 13px;box-sizing:border-box;background-size:24px 24px} header .desktop-navigation .bag::after{top:-7px;right:-5px;min-width:19px;height:19px;line-height:19px} header .mobile-navigation>.mobile-menu-panel{max-height:calc(100dvh - 110px);padding-bottom:max(24px,env(safe-area-inset-bottom))} header .mobile-navigation>summary:focus-visible,header .desktop-navigation .search-launcher:focus-visible,header .desktop-navigation .bag:focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} .mobile-menu-heading strong{font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:700} .clean-home .clean-hero h1{font-size:clamp(34px,8.4vw,44px)} .clean-mixed-heading{font-size:clamp(29px,7.4vw,38px);line-height:1.15;overflow-wrap:normal} .clean-main-action{max-width:100%;min-width:0} } @media(max-width:350px){header{column-gap:6px;padding-inline:3%}.clean-hero-copy .clean-hero-mission{font-size:20px}.clean-mixed-flavours{font-size:18px}} /* One shared shape for every button family, including legacy product cards. */ body :is(.btn,.card-action,.chip,.chat-launcher,.trial-offer-badge,.mobile-menu-finder,form button[type=submit],.footer-newsletter button){ border-radius:13px 9px 14px 8px / 9px 13px 8px 12px; font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-synthesis:none; text-transform:uppercase;letter-spacing:.015em;box-sizing:border-box; } body .card-action{border:2px solid var(--palette-navy);line-height:1.25;min-height:48px;text-align:center;text-decoration:none;padding:13px 18px;white-space:normal} body .chip{min-height:44px;line-height:1.25} body :is(.card-action,.chip,.chat-launcher,form button[type=submit]):focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} /* Promotional labels share the same brand shape as CTAs. */ body :is(.bundle-recommendation,.saving-badge,.card-saving,.info-badge,.treats-kicker,.trial-offer-badge,.branding-shop,#packaging-continue){border-radius:13px 9px 14px 8px / 9px 13px 8px 12px;box-sizing:border-box;max-width:100%;white-space:normal} body .recipe-card .productimage>.bundle-recommendation{max-width:calc(100% - 24px)} .clean-mixed-heading .trial-heading-emphasis{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-synthesis:none;font-size:1.16em;color:var(--palette-navy);display:inline-block} .trial-details-trigger{display:block;margin:14px 0 0;padding:6px 0;min-height:44px;border:0;background:transparent;color:var(--palette-navy);font-size:17px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.trial-details-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;margin:auto;padding:26px;border:2px solid var(--palette-navy);border-radius:13px 9px 14px 8px;background:var(--palette-cream);color:var(--palette-navy);box-sizing:border-box}.trial-details-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 60.0%, transparent)}.trial-details-heading{display:flex;align-items:flex-start;gap:16px}.trial-details-heading h2{font-size:28px;margin:0;flex:1}.trial-details-close{width:44px;height:44px;flex:0 0 44px;background:transparent;border:0;color:var(--palette-navy);font-size:32px;cursor:pointer}.trial-details-dialog p,.trial-details-dialog li{font-size:19px;line-height:1.5}.trial-details-dialog ul{padding-left:22px}.trial-details-dialog li{margin-bottom:10px}.trial-details-done{width:100%}.trial-details-trigger:focus-visible,.trial-details-close:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px}@media(max-width:600px){.trial-details-dialog{padding:20px}.trial-details-heading h2{font-size:26px}} .footer-awards-toggle{min-width:0}.footer-awards-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;list-style:none;font-size:21px;color:var(--palette-panel);cursor:pointer}.footer-awards-toggle>summary::-webkit-details-marker{display:none}.footer-awards-toggle>summary::after{content:'+'}.footer-awards-toggle[open]>summary::after{content:'−'}.site-footer .footer-awards-toggle>.footer-awards{padding-top:12px}.footer-awards-toggle>summary:focus-visible{outline:2px solid var(--palette-panel);outline-offset:3px}@media(max-width:1100px){.footer-awards-toggle{grid-column:2}}@media(max-width:850px){.footer-awards-toggle{grid-column:auto;border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent)}.footer-awards-toggle>summary{font-size:20px;min-height:48px}.site-footer .footer-awards-toggle>.footer-awards{padding:8px 0 16px}} .footer-payment-toggle{min-width:0;flex:1}.footer-payment-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;list-style:none;font-size:21px;color:var(--palette-panel);cursor:pointer}.footer-payment-toggle>summary::-webkit-details-marker{display:none}.footer-payment-toggle>summary::after{content:'+'}.footer-payment-toggle[open]>summary::after{content:'−'}.footer-payment-toggle .footer-payments{padding:10px 0 16px}.footer-payment-toggle>summary:focus-visible{outline:2px solid var(--palette-panel);outline-offset:3px}@media(max-width:850px){.footer-payment-toggle{width:100%;border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent)}.footer-payment-toggle>summary{font-size:20px}.footer-payment-toggle .footer-payments{padding-top:8px}} /* Hero mission: approved medium lead-in and bold dinner emphasis. */ .clean-hero-copy .clean-hero-mission{font-family:"Nudog Colby",Arial,sans-serif;font-weight:500;font-synthesis:none;line-height:1.3} .clean-hero-mission strong{font-family:"Nudog Aniara",Arial,sans-serif;font-weight:700;font-synthesis:none} .clean-fresh-suitability{font-size:18px;line-height:1.4;margin:0 0 16px;color:inherit} /* Approved campaign artwork replaces only the homepage hero. */ .clean-home .campaign-hero{background:#fdfcf8;padding:0} .clean-home .campaign-hero .clean-hero-layout{display:flex;flex-direction:column;gap:0;max-width:1500px;margin:auto;padding:0 0 24px} .clean-home .campaign-hero .campaign-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .clean-home .campaign-hero .clean-hero-image{width:100%;max-width:none;margin:0;order:0} .clean-home .campaign-hero .clean-hero-image img{width:100%;height:auto;max-height:none;aspect-ratio:2/1;object-fit:contain;display:block} .clean-home .campaign-hero .campaign-actions{display:flex;align-items:center;justify-content:center;gap:30px;order:1;padding:15px 5% 0} .clean-home .campaign-hero .clean-main-action{width:auto;min-width:190px;order:0} .clean-home .campaign-hero .clean-hero-offer{margin:0;order:1} @media(max-width:600px){.clean-home .campaign-hero .campaign-actions{gap:12px;flex-direction:column;padding-top:10px;width:100%}.clean-home .campaign-hero .clean-main-action{width:90%;max-width:350px}.clean-home .campaign-hero .clean-hero-offer{text-align:center}.clean-home .campaign-hero .clean-hero-layout{padding:0 0 22px}} /* Compatibility source: ux-review.css */ /* All overrides are opt-in. Existing design remains the default. */ .ux-review{scroll-behavior:auto} .ux-review *{animation:none;scroll-behavior:auto} .ux-review .btn,.ux-review .card-action{transition:background-color .15s ease,color .15s ease;transform:none} .ux-review-bar{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;background:var(--palette-navy);color:white;padding:9px 4%;font-size:16px;line-height:1.3} .ux-review-bar a{color:white;text-underline-offset:4px;min-height:28px;display:inline-flex;align-items:center} .ux-review .clean-home .clean-hero>.wrap{padding-block:36px} .ux-review .clean-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;min-height:0} .ux-review .clean-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px} .ux-review .clean-home .clean-hero h1{font-size:clamp(36px,4.3vw,62px);line-height:1.08;margin:0;max-width:650px} .ux-review .clean-hero-copy .clean-hero-mission{font-size:21px;line-height:1.45;max-width:440px;margin:0} .ux-review .clean-hero-image{width:100%;max-width:430px;justify-self:center;margin:0;order:initial} .ux-review .clean-hero-image img{width:100%;height:auto;max-height:390px;object-fit:contain} .ux-review .clean-hero-offer{margin:0;text-align:left} .ux-review .clean-packaging-note{font-size:16px;margin:0} .ux-review .clean-main-action{min-width:190px;margin:0} .ux-proof{display:flex;justify-content:center;gap:12px 32px;flex-wrap:wrap;padding:16px 5%;background:var(--palette-panel);border-block:1px solid color-mix(in srgb, var(--palette-navy) 7.84%, transparent);font-size:18px;color:var(--palette-navy)} .ux-proof a{color:inherit;text-underline-offset:4px} .ux-review .clean-range-section{padding-block:32px} .ux-review .clean-ranges .sectionhead{margin-bottom:22px} .ux-review .clean-range-carousel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none;margin:0;padding:0} .ux-review .clean-range-card{width:auto;min-width:0;max-width:100%;box-shadow:none;transform:none} .ux-review .clean-range-image{height:185px} .ux-review .clean-range-copy{padding:16px} .ux-review .clean-range-copy h3{font-size:25px;line-height:1.2} .ux-review .clean-range-copy p{font-size:18px;line-height:1.4;min-height:50px} .ux-review .clean-swipe-hint{display:none} .ux-trust{max-width:1200px;margin:0 auto 24px;padding:18px 4%;border-block:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent);display:flex;align-items:center;justify-content:space-between;gap:16px} .ux-trust p{margin:0;font-size:22px}.ux-trust div{display:flex;gap:24px;flex-wrap:wrap}.ux-trust a{color:var(--palette-navy);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center} .ux-review .product-card-grid{gap:20px} .ux-review .recipe-card{box-shadow:none;overflow:hidden} .ux-review .recipe-card .productimage{height:240px;min-height:0;aspect-ratio:auto} .ux-review .recipe-card .card-body{padding:18px;gap:8px} .ux-review .recipe-card .card-body h3{font-size:27px;line-height:1.2} .ux-review .recipe-card .food-peek,.ux-review .recipe-card .product-trustpilot{display:none} .ux-review .card-price-row{font-size:18px;gap:8px;flex-wrap:wrap} .ux-review .card-price-row strong{white-space:nowrap} .ux-card-details{margin-top:12px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent);padding-top:4px} .ux-card-details summary{font-size:17px;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer} .ux-card-details summary::after{content:'+'}.ux-card-details[open] summary::after{content:'−'} .ux-review .ux-card-details :is(p,.suitability-badge){font-size:17px;line-height:1.4} .ux-review .clean-mixed,.ux-review .clean-benefit-section,.ux-review .clean-faq-section,.ux-review .clean-review-section{padding-block:36px} .ux-review .product-gallery .gallery-stage{max-height:none} .ux-review .mobile-purchase-bar{display:none} .ux-review body.has-purchase-bar{padding-bottom:0} .ux-review .purchase-panel{border:1px solid color-mix(in srgb, var(--palette-navy) 14.12%, transparent);padding:22px;border-radius:16px;background:var(--palette-cream)} .ux-review .product-quick-benefit{line-height:1.45} .ux-review .productimage :is(img,svg),.ux-review .clean-range-image :is(img,svg){object-fit:contain} @media(max-width:850px){ .ux-review-bar{font-size:15px;gap:2px 14px;padding-block:6px} .ux-review header{position:relative} .ux-review .clean-home .clean-hero>.wrap{padding-block:24px} .ux-review .clean-hero-layout{display:flex;flex-direction:column;gap:10px} .ux-review .clean-hero-copy{display:contents} .ux-review .clean-hero-copy .eyebrow{order:0;margin:0;font-size:16px} .ux-review .clean-home .clean-hero h1{order:1;font-size:clamp(31px,8vw,44px);line-height:1.12;margin:0;text-align:center} .ux-review .clean-hero-copy .clean-hero-mission{order:2;font-size:19px;line-height:1.35;text-align:center;max-width:370px} .ux-review .clean-main-action{order:3;align-self:center;min-width:210px} .ux-review .clean-hero-image{order:4;max-width:210px;margin:0 auto} .ux-review .clean-hero-image img{max-height:180px} .ux-review .clean-hero-offer{order:5;text-align:center;font-size:17px} .ux-review .clean-packaging-note{order:6;text-align:center;font-size:16px} .ux-proof{font-size:16px;gap:8px 18px;padding:12px 5%} .ux-review .clean-range-section{padding-block:24px} .ux-review .clean-range-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ux-review .clean-range-image{height:145px} .ux-review .clean-range-copy{padding:12px} .ux-review .clean-range-copy h3{font-size:23px;margin-bottom:6px} .ux-review .clean-range-copy p{font-size:17px;min-height:0;line-height:1.3} .ux-review .clean-range-card .clean-range-price{font-size:17px} .ux-review .clean-range-link{font-size:17px;min-height:44px} .ux-trust{flex-direction:column;align-items:flex-start;margin:0 5% 20px;padding:12px 0;gap:4px} .ux-trust div{gap:4px 22px} .ux-review .product-card-grid,.ux-review .product-card-grid.fresh-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ux-review .recipe-card .productimage{height:175px} .ux-review .recipe-card .card-body{padding:12px} .ux-review .recipe-card .card-body h3{font-size:22px} .ux-review .recipe-card .card-range,.ux-review .recipe-card .card-pack{font-size:16px} .ux-review .recipe-card .card-price-row{font-size:17px;display:flex;flex-direction:column;align-items:flex-start;gap:0} .ux-review .recipe-card .card-saving{font-size:16px} .ux-review .recipe-card>.card-action{margin:0 12px 12px;width:calc(100% - 24px);min-height:48px;padding:10px;font-size:17px} .ux-review .recipe-card>.treat-quick-buy{padding:0 12px 12px} .ux-review .treat-quick-buy .quantity-stepper button{width:40px}.ux-review .treat-quick-buy input{width:40px} .ux-review .purchase-panel{padding:16px} .ux-review .clean-mixed,.ux-review .clean-benefit-section,.ux-review .clean-faq-section,.ux-review .clean-review-section{padding-block:26px} } @media(max-width:360px){.ux-review .clean-range-image{height:120px}.ux-review .recipe-card .productimage{height:150px}.ux-review .clean-range-copy{padding:10px}.ux-review .clean-range-copy h3{font-size:21px}} .ux-review .clean-home .clean-range-copy h3{font-size:25px} @media(max-width:850px){.ux-review .clean-home .clean-range-copy h3{font-size:23px}.ux-review .clean-home .clean-range-price{font-size:18px;line-height:1.3}.ux-review .clean-home .clean-range-price small{display:block;font-size:16px}.ux-review .clean-home .wrap.clean-ranges{padding-block:0}.ux-review .clean-home .clean-mixed>.wrap,.ux-review .clean-home .clean-why-layout,.ux-review .clean-home .clean-faq,.ux-review .clean-home .clean-review-layout{padding-block:0}} .ux-review .product-card-grid .recipe-card{min-width:0;grid-column:auto} /* Give the Fresh convenience benefit clear prominence below the main headline. */ .ux-review .clean-hero-copy .clean-hero-mission{font-size:clamp(28px,2.6vw,34px);line-height:1.22;max-width:560px} @media(max-width:850px){.ux-review .clean-hero-copy .clean-hero-mission{font-size:clamp(25px,6.5vw,30px);line-height:1.25;max-width:100%;text-wrap:balance}} /* Keep supporting notices and chat clear of the buying content. */ .ux-review .clean-packaging-note{background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;width:auto;max-width:100%} .ux-review .clean-packaging-note summary{display:inline-flex;gap:12px;min-height:44px;align-items:center;font-size:17px;text-decoration:underline;text-underline-offset:4px} .ux-review .clean-packaging-note p{max-width:440px;font-size:17px;text-align:left} .ux-review body .chat-launcher{width:48px;height:48px;min-height:48px;min-width:48px;padding:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:50%;display:flex;align-items:center;justify-content:center} .ux-review body .chat-launcher>span{display:none} .ux-review .card-trial-row{background:var(--palette-panel);padding:9px;border-radius:10px;color:var(--palette-navy)} .ux-review .card-trial-terms{display:block;font-size:16px;line-height:1.35;margin:6px 0 12px;color:var(--palette-slate)} .ux-review .card-trial-terms a{color:var(--palette-navy);text-underline-offset:3px} @media(min-width:851px){.ux-review .product-page{padding-right:max(5%,72px)}} /* Lead with the mission; keep the Fresh benefit strong underneath. */ .ux-review .clean-hero-layout{grid-template-columns:1.2fr .8fr;gap:24px} .ux-review .clean-home .clean-hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1.03;max-width:720px;letter-spacing:-.025em;text-wrap:balance} .ux-review .clean-hero-copy{gap:20px} .ux-review .clean-hero-image{max-width:380px} .ux-review .clean-hero-copy .clean-hero-mission{font-size:clamp(30px,2.8vw,38px);line-height:1.2} .ux-review .product-packaging-note{margin-top:16px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent)} .ux-review .product-packaging-note summary{min-height:48px;cursor:pointer;display:flex;align-items:center} @media(max-width:850px){.ux-review .clean-hero-layout{gap:14px}.ux-review .clean-home .clean-hero h1{font-size:clamp(38px,10.5vw,54px);line-height:1.06;max-width:100%;text-align:center}.ux-review .clean-hero-copy .clean-hero-mission{font-size:clamp(26px,7vw,32px);line-height:1.2}.ux-review .clean-hero-image{max-width:210px}} /* Give the dog illustration more presence on mobile without cropping the artwork. */ @media(max-width:850px){.ux-review .clean-home .clean-hero-image{width:min(100%,340px);max-width:340px;margin:4px auto}.ux-review .clean-home .clean-hero-image img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain}} .ux-review .clean-trial-intro{font-size:clamp(25px,2.5vw,34px);line-height:1.25;text-align:center;color:var(--palette-navy);margin:8px 0 24px} .ux-review .clean-mixed-heading{margin-bottom:0} .ux-review .clean-trial-conditions{font-size:18px;line-height:1.4;margin:8px 0 18px;color:var(--palette-navy)} .ux-review .clean-trial-conditions a{color:inherit;text-underline-offset:3px} /* A compact trial invitation, with one place for supporting details. */ .ux-review .clean-home .clean-mixed-layout{gap:20px;align-items:center} .ux-review .clean-home .clean-mixed-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0} .ux-review .clean-home .clean-mixed-copy .clean-mixed-summary{font-size:22px;line-height:1.3;margin:0} .ux-review .clean-home .clean-mixed-copy .clean-mixed-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0;line-height:1.2} .ux-review .clean-home .clean-mixed-copy .clean-mixed-price del{font-size:22px;margin:0} .ux-review .clean-home .clean-mixed-copy .clean-mixed-price strong{font-size:38px} .ux-review .clean-home .clean-mixed-copy>.btn{margin:4px 0 0} .ux-review .clean-home .clean-mixed-copy .clean-trial-short{font-size:17px;line-height:1.35;margin:0} .ux-review .clean-trial-more{width:100%;border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);margin-top:2px} .ux-review .clean-trial-more summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;cursor:pointer;list-style:none} .ux-review .clean-trial-more summary::-webkit-details-marker{display:none} .ux-review .clean-trial-more summary::after{content:'+'}.ux-review .clean-trial-more[open] summary::after{content:'−'} .ux-review .clean-home .clean-trial-more p{font-size:18px;line-height:1.4;margin:0 0 12px} .ux-review .clean-trial-more .detailsbody{padding:8px 0 16px} @media(max-width:850px){.ux-review .clean-home .clean-mixed-copy{align-items:stretch;gap:10px}.ux-review .clean-home .clean-mixed-copy>.btn{width:100%;text-align:center}.ux-review .clean-home .clean-mixed-image{max-width:480px;justify-self:center;width:100%;margin:0}.ux-review .clean-home .clean-mixed-layout{gap:12px}.ux-review .clean-home .clean-mixed-heading{margin-bottom:16px}} .ux-review .recipe-card .card-pricing-simple{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;min-width:0} .ux-review .recipe-card .card-main-price{font-weight:500;font-size:26px;line-height:1.2;white-space:normal;overflow-wrap:anywhere} .ux-review .recipe-card .card-price-context,.ux-review .recipe-card .card-oneoff-price,.ux-review .recipe-card .card-offer-terms{font-size:16px;line-height:1.3} .ux-review .recipe-card .card-oneoff-price{color:var(--palette-slate)} .ux-review .recipe-card .card-offer-terms{display:inline-flex;align-items:center;min-height:44px;color:var(--palette-navy);text-underline-offset:3px} @media(max-width:360px){.ux-review .recipe-card .card-main-price{font-size:23px}} /* A clear price hierarchy in the approved product cards. */ .ux-review .recipe-card .card-main-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px} .ux-review .recipe-card .card-price-prefix{font-size:17px;line-height:1.3;color:var(--palette-navy);white-space:nowrap} .ux-review .recipe-card .card-price-amount{font-size:30px;line-height:1.15;color:#b52f68;white-space:nowrap} @media(max-width:360px){.ux-review .recipe-card .card-price-amount{font-size:27px}} /* Raspberry accents for shopping states; primary actions retain navy. */ .ux-review{--shopping-accent:#b52f68;--shopping-accent-tint:#fff3f8} .ux-review .purchase-options label:has(input:checked){border-color:var(--shopping-accent);background:var(--shopping-accent-tint)} .ux-review .purchase-options input{accent-color:var(--shopping-accent)} .ux-review .purchase-panel :is(select,input):focus-visible{outline:2px solid var(--shopping-accent);outline-offset:3px} .ux-review header .desktop-navigation .bag::after{background:var(--shopping-accent);color:var(--palette-cream)} .ux-review :is(.saving-badge,.trial-offer-badge){background:var(--shopping-accent);color:var(--palette-cream)} .ux-review :is(.card-saving,.saving-amount){color:var(--shopping-accent)} @media(hover:hover){.ux-review a.textlink:hover,.ux-review .card-offer-terms:hover,.ux-review .ux-trust a:hover,.ux-review .footerlinks a:hover,.ux-review .range-navigation a:hover{color:var(--shopping-accent);text-decoration:underline;text-underline-offset:4px}} /* Match treat pouch scale and baseline without stretching the artwork. */ .ux-review .range-treats-card .productimage{display:flex;align-items:center;justify-content:center;padding:16px} .ux-review .range-treats-card .productimage .packvisual{height:100%;width:100%;max-height:100%;object-fit:contain} /* Card review: override legacy important sizes in the active compact layout. */ .ux-review .recipe-card>.productimage{height:240px;padding:16px;box-sizing:border-box;align-items:center} .ux-review .recipe-card>.productimage:has(>.bundle-recommendation){padding-top:60px} .ux-review .recipe-card .card-body{padding:18px;gap:8px;min-width:0} .ux-review .recipe-card .card-body h3{font-size:27px;line-height:1.2;min-height:2.4em;margin:0} .ux-review .recipe-card .card-range{font-size:16px;line-height:1.3;letter-spacing:.04em} .ux-review .recipe-card .card-pack{margin:0;padding:0;font-size:17px;line-height:1.35} .ux-review .recipe-card .card-pricing-simple{margin-top:auto;padding-top:12px;min-height:112px;box-sizing:border-box} .ux-review .recipe-card .ux-card-details{margin-top:4px} .ux-review .recipe-card .ux-card-details summary{gap:8px;line-height:1.3} .ux-review .recipe-card>.card-action{margin:0 18px 18px;width:calc(100% - 36px);box-sizing:border-box;line-height:1.3;text-align:center} .ux-review .recipe-card>.treat-quick-buy{padding:0 18px 18px} .ux-review .treat-quick-buy .quantity-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:144px} .ux-review .treat-quick-buy .quantity-stepper :is(button,input){width:100%;min-width:0;height:48px;box-sizing:border-box} .ux-review .treat-quick-buy label,.ux-review .treat-quick-buy .treat-quantity-help{font-size:17px;line-height:1.35} .ux-review .clean-home .clean-range-copy h3{min-height:2.4em;line-height:1.2} .ux-review .clean-home .clean-range-copy p{min-height:2.8em} .ux-review .clean-home .clean-range-copy .clean-range-price{min-height:3.9em;line-height:1.3} .ux-review .journal-card{overflow:hidden;min-width:0} .ux-review .journal-card>a{display:flex;flex-direction:column;height:100%} .ux-review .journal-card img{display:block;width:100%;flex-shrink:0} .ux-review .journal-card .journal-copy{display:flex;flex-direction:column;flex:1;min-width:0} .ux-review .journal-copy h3{font-size:26px;line-height:1.2} .ux-review .journal-copy p{font-size:18px;line-height:1.45} .ux-review .journal-copy .textlink{margin-top:auto;padding-top:12px;min-height:44px;display:flex;align-items:center} @media(max-width:850px){ .ux-review .recipe-card>.productimage{height:175px;padding:12px} .ux-review .recipe-card>.productimage:has(>.bundle-recommendation){padding-top:68px} .ux-review .recipe-card .productimage>.bundle-recommendation{font-size:16px;line-height:1.2;padding:6px 8px;top:8px;max-width:calc(100% - 16px)} .ux-review .recipe-card .card-body{padding:12px} .ux-review .recipe-card .card-body h3{font-size:22px} .ux-review .recipe-card .card-pack{font-size:16px;min-height:2.7em} .ux-review .recipe-card>.card-action{margin:0 12px 12px;width:calc(100% - 24px)} .ux-review .recipe-card>.treat-quick-buy{padding:0 12px 12px} .ux-review .journal-copy h3{font-size:23px} } @media(max-width:380px){ .ux-review .product-card-grid,.ux-review .product-card-grid.fresh-five{grid-template-columns:minmax(0,1fr)} .ux-review .recipe-card>.productimage{height:230px;padding:16px} .ux-review .recipe-card .card-body h3{min-height:0;font-size:25px} .ux-review .recipe-card .card-pack{min-height:0} .ux-review .clean-home .clean-range-copy h3{font-size:21px} .ux-review .clean-home .clean-range-copy p{min-height:3.9em} } /* Stockist cards use both img and cropped SVG artwork: size both consistently. */ .ux-review .stockist-pack{display:flex;align-items:center;justify-content:center;height:230px;padding:18px;box-sizing:border-box;min-width:0;flex-shrink:0} .ux-review .stockist-ranges .stockist-pack>:is(img,svg.packvisual){display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:0;background:transparent;box-sizing:border-box} .ux-review .stockist-ranges article>div{padding:20px;min-width:0} .ux-review .stockist-ranges h3{font-size:25px;line-height:1.2;min-height:2.4em;margin:0 0 10px} .ux-review .stockist-ranges p{font-size:18px;line-height:1.45} .ux-review .stockist-ranges .textlink{line-height:1.35;padding-top:8px} .ux-review .stockist-enquiry{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:40px;row-gap:20px;align-items:start} .ux-review .stockist-enquiry>*{min-width:0} .ux-review .stockist-form-intro{grid-column:1;grid-row:1} .ux-review .stockist-enquiry>.direct-enquiry{grid-column:1;grid-row:2;margin:0} .ux-review .stockist-enquiry>#stockist-form{grid-column:2;grid-row:1 / span 2;width:100%;min-width:0} .ux-review .stockist-enquiry :is(input,select,textarea){box-sizing:border-box} .ux-review .stockist-fields{grid-template-columns:repeat(2,minmax(0,1fr))} .ux-review .stockist-interests{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0} .ux-review .stockist-page .btn{white-space:normal;line-height:1.35;text-align:center;box-sizing:border-box;max-width:100%} @media(max-width:1000px){.ux-review .stockist-fields{grid-template-columns:minmax(0,1fr)}} @media(max-width:700px){ .ux-review .stockist-enquiry{grid-template-columns:minmax(0,1fr);gap:20px} .ux-review .stockist-enquiry>:is(.stockist-form-intro,.direct-enquiry,#stockist-form){grid-column:auto;grid-row:auto} .ux-review .stockist-ranges article>div{padding:16px} .ux-review .stockist-ranges h3{font-size:23px} .ux-review .stockist-page .stockist-form-intro h2{font-size:32px;line-height:1.2} } @media(max-width:450px){ .ux-review .stockist-pack{height:220px;padding:16px} .ux-review .stockist-ranges h3{min-height:0} .ux-review .stockist-interests{grid-template-columns:minmax(0,1fr)} .ux-review .stockist-page .info-hero h1{font-size:clamp(32px,10vw,42px);line-height:1.1} .ux-review .stockist-page .info-hero-image.contact-brand-dog{height:230px} } /* Food-plan result: clear quantity, price and subscription hierarchy. */ .ux-review .food-plan-result{grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:start;background:#f7f8f4;gap:28px} .ux-review .food-plan-result>div{min-width:0} .ux-review .food-plan-result h2{font-size:28px;line-height:1.2;margin:8px 0 20px} .ux-review .plan-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .ux-review .plan-metrics>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px;gap:8px;min-width:0} .ux-review .plan-metrics span{font-size:17px;line-height:1.3} .ux-review .plan-metrics strong{font-size:23px;line-height:1.2;margin:0;white-space:normal} .ux-review .plan-daily-price strong{color:var(--shopping-accent)} .ux-review .plan-order-summary{margin:20px 0;padding:0} .ux-review .plan-order-summary p{font-size:18px;line-height:1.4;margin:4px 0} .ux-review .plan-order-summary h3{font-size:28px;line-height:1.2;margin:6px 0} .ux-review .plan-price-panel{padding:18px;background:var(--shopping-accent-tint);border:1px solid #b52f6833;border-radius:14px} .ux-review .plan-price-panel p{margin:0} .ux-review .plan-price-label{font-size:18px;line-height:1.3} .ux-review .plan-price-panel .plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0;color:var(--shopping-accent);line-height:1.2} .ux-review .plan-price span{font-size:19px} .ux-review .plan-price strong{font-size:36px;font-weight:500} .ux-review .plan-saving-label{font-size:18px;line-height:1.35;color:var(--shopping-accent)} .ux-review .plan-price-panel .plan-once-price{font-size:17px;line-height:1.4;margin-top:12px;color:var(--palette-slate)} .ux-review .plan-price-panel .plan-delivery-note{font-size:16px;line-height:1.4;margin-top:4px;color:var(--palette-slate)} .ux-review .plan-subscription-instruction{font-size:18px;line-height:1.4;margin:14px 0} .ux-review .plan-estimate-notes{border-block:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent);margin:16px 0} .ux-review .plan-estimate-notes summary{font-size:17px;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px} .ux-review .plan-estimate-notes summary::after{content:'+'} .ux-review .plan-estimate-notes[open] summary::after{content:'−'} .ux-review .plan-estimate-notes p{font-size:17px;line-height:1.45;margin:0 0 14px} @media(max-width:850px){.ux-review .food-plan-result{grid-template-columns:minmax(0,1fr);padding:20px}.ux-review .food-plan-result .plan-pack :is(img,svg){height:180px}.ux-review .plan-metrics{grid-template-columns:minmax(0,1fr)}.ux-review .plan-metrics>div{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.ux-review .plan-metrics strong{flex-shrink:0;font-size:22px}.ux-review .food-plan-result .buttons{display:flex;flex-direction:column;align-items:stretch}.ux-review .food-plan-result .buttons .btn{text-align:center;width:100%;box-sizing:border-box}.ux-review .food-plan-result .buttons .textlink{min-height:44px;display:flex;align-items:center;justify-content:center}} .ux-review .puppy-plan-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;border:0;border-radius:20px;padding:28px;background:#fffaf4;color:var(--palette-navy);overflow:auto} .ux-review .puppy-plan-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 60.0%, transparent)} .ux-review .puppy-plan-dialog form{margin:0} .ux-review .puppy-plan-dialog h2{font-size:30px;line-height:1.2;margin:12px 0 18px;padding-right:28px} .ux-review .puppy-plan-dialog p{font-size:19px;line-height:1.45;margin:0 0 16px} .ux-review .puppy-plan-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:30px;color:var(--palette-navy);cursor:pointer} .ux-review .puppy-plan-dialog .btn{width:100%;white-space:normal;box-sizing:border-box;font-size:18px;line-height:1.35} .ux-review .puppy-plan-help:not([hidden]){display:block;min-height:44px;color:var(--shopping-accent);margin:12px 0;font-size:18px;text-align:left} .ux-review .fresh-recipe-navigation{margin-bottom:18px;min-width:0} .ux-review .fresh-recipe-navigation p{font-size:18px;line-height:1.3;margin:0 0 10px} .ux-review .fresh-recipe-navigation>div{display:flex;flex-wrap:wrap;gap:8px} .ux-review .fresh-recipe-navigation .chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;font-size:18px;line-height:1.3;box-sizing:border-box;white-space:normal} .ux-review .fresh-recipe-navigation .chip[aria-current="page"]{color:var(--shopping-accent);border-color:var(--shopping-accent);background:var(--shopping-accent-tint)} /* Compact decorative digging dog beside the FAQ heading. */ .ux-review .clean-faq-heading{display:flex;align-items:center;gap:14px} .ux-review .clean-digging-dog{width:72px;height:54px;flex:0 0 auto;color:inherit} @media(max-width:600px){.ux-review .clean-faq-heading{gap:12px}.ux-review .clean-digging-dog{width:58px;height:44px}} .mixed-trial-price{padding:18px;margin:0 0 16px;border:2px solid #a52858;border-radius:16px;background:#fff6fa}.mixed-trial-label{display:block;color:#a52858;font-size:18px}.mixed-trial-price>strong{display:block;color:#a52858;font-size:34px;line-height:1.3}.mixed-trial-price del{font-size:20px;color:#59616b;margin-left:8px}.mixed-trial-price p{margin:6px 0}.mixed-trial-price small{display:block;font-size:16px}.trial-preview-choice{display:flex;align-items:center;gap:10px;margin:12px 0}.trial-preview-choice input{width:22px;height:22px;flex:0 0 auto} /* Keep checkout beside the successful treat add-on confirmation. */ .ux-review .treat-add-status:not(:empty){margin-top:12px}.ux-review .treat-next-actions{display:grid;gap:10px;margin-top:12px}.ux-review .treat-next-actions .btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 14px;font-size:18px;line-height:1.3;white-space:normal;text-align:center}.ux-review .treat-next-actions .textlink{display:flex;align-items:center;justify-content:center;min-height:44px} /* Desktop sizing review — 19 October 2026. Mobile rules remain unchanged. */ @media(min-width:851px){ .ux-review main p{font-size:20px;line-height:1.45} .ux-review header{padding-block:8px} .ux-review .announce{padding-block:6px} .ux-review .range-navigation{padding-block:6px} .ux-review .header-sub-slogan{font-size:18px} .ux-review .clean-home .clean-hero h1{font-size:clamp(52px,5vw,72px);line-height:1.06} .ux-review .clean-hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px} .ux-review .clean-hero-copy .clean-hero-mission{font-size:clamp(28px,2.35vw,32px);line-height:1.25} .ux-review .clean-hero-image{max-width:430px} .ux-review .clean-hero-image img{max-height:430px} .ux-review .clean-home .clean-hero-offer small, .ux-review .clean-home .clean-range-price small, .ux-review .clean-home .clean-mixed-copy .clean-trial-short, .ux-review .clean-packaging-note :is(summary,p){font-size:18px;line-height:1.4} .ux-review .clean-range-image{height:232px;padding:16px} .ux-review .clean-range-copy p{font-size:20px;min-height:3em} .ux-review .clean-home .clean-range-copy .clean-range-price{font-size:23px} .ux-review .clean-home .clean-range-copy h3{min-height:2.4em} .ux-review .shop-page{padding-top:30px} .ux-review .shop-page>.shop-title{font-size:58px;margin:12px 0 16px} .ux-review .shop-page>.brand-accent{font-size:27px;margin-block:16px} .ux-review .shop-page>.filters{margin:18px 0 24px} .ux-review .shop-page .treats-header{padding:22px 28px;margin-bottom:18px} .ux-review .shop-page .treats-header-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:center;width:100%} .ux-review .shop-page .treats-kicker{grid-column:1;width:fit-content} .ux-review .shop-page .treats-header h1{grid-column:1;grid-row:2 / span 2;font-size:54px;margin:12px 0 0} .ux-review .shop-page .treats-header-copy>p{grid-column:2;grid-row:1 / span 2;margin:0 0 12px;max-width:480px} .ux-review .shop-page .treats-header-facts{grid-column:2;grid-row:3} .ux-review .recipe-card{display:flex;flex-direction:column} .ux-review .recipe-card>.productimage{height:240px;flex:0 0 240px;padding:16px;display:flex;align-items:center;justify-content:center} .ux-review .recipe-card>.productimage:has(>.bundle-recommendation){padding-top:16px} .ux-review .recipe-card .productimage>:is(img,svg.packvisual){width:100%;height:100%;padding:0;object-fit:contain} .ux-review .recipe-card .productimage>.bundle-recommendation{position:absolute;top:10px;left:10px;z-index:1;font-size:18px;line-height:1.25;margin:0;max-width:calc(100% - 20px)} .ux-review .recipe-card .card-body{flex:1;gap:8px;padding:16px} .ux-review .recipe-card .card-body h3{font-size:27px;min-height:2.4em} .ux-review .recipe-card :is(.card-range,.card-pack,.card-price-context,.card-oneoff-price,.card-offer-terms,.card-price-prefix,.ux-card-details summary), .ux-review .recipe-card .ux-card-details :is(p,.suitability-badge), .ux-review .treat-quick-buy :is(label,.treat-quantity-help){font-size:18px;line-height:1.35} .ux-review .recipe-card .card-pricing-simple{min-height:0;margin-top:4px;padding-top:4px} .ux-review .recipe-card .ux-card-details{margin-top:auto} .ux-review .product-page{padding-top:28px} .ux-review .product-page .back{margin-bottom:18px} .ux-review .product{align-items:start;gap:5%} .ux-review .product-gallery{min-width:0} .ux-review .product-gallery :is(.bigimage,.gallery-food){height:clamp(420px,56vh,520px);min-height:0} .ux-review .product-gallery .bigimage>:is(img,svg.packvisual){display:block;width:100%;height:100%;object-fit:contain;padding:20px} .ux-review .product-gallery .gallery-food>:is(img,svg.packvisual){max-width:100%;max-height:100%;object-fit:contain} .ux-review .product-gallery .gallery-benefits{min-height:clamp(420px,56vh,520px);height:auto} .ux-review .product-purchase{display:flex;flex-direction:column;min-width:0;align-items:stretch} .ux-review .product-purchase>h1{font-size:clamp(34px,3vw,42px);line-height:1.12;margin:8px 0 12px} .ux-review .product-purchase>.conceptlabel{font-size:18px;margin:4px 0} .ux-review .product-page .product-personal-line{font-size:28px;margin:10px 0} .ux-review .product-purchase>.product-quick-benefit{font-size:20px;line-height:1.4;margin:6px 0 14px} .ux-review .product-purchase>:is(.bundle-contents,.mixed-box-contents){order:1} .ux-review .product-purchase>.purchase-panel{padding:18px;gap:8px 14px;margin-bottom:16px} .ux-review .purchase-panel .purchase-quantity{grid-column:2;grid-row:auto;margin:2px 0} .ux-review .purchase-panel:has(.purchase-quantity){grid-template-columns:minmax(0,1fr) 144px} .ux-review .purchase-panel .purchase-quantity>label{display:block;margin-bottom:5px;font-size:18px} .ux-review .purchase-panel .quantity-stepper :is(button,input){height:46px;min-height:46px} .ux-review .purchase-panel .quantity-stepper{max-width:144px} .ux-review .purchase-panel .purchase-quantity .quantity-help{font-size:18px} .ux-review .fresh-recipe-navigation{margin-bottom:12px} .ux-review .fresh-recipe-navigation p{margin-bottom:6px;font-size:18px} .ux-review .fresh-recipe-navigation .chip{padding:6px 10px;min-height:40px} .ux-review .gallery-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:8px} .ux-review .gallery-tabs .chip{flex:0 0 auto;font-size:18px;min-height:44px} .ux-review .gallery-slide figcaption,.ux-review .gallery-hint{font-size:18px;line-height:1.4} .ux-review .journal-copy h3{font-size:26px;line-height:1.2;min-height:3.6em} .ux-review .journal-copy p{font-size:20px;line-height:1.45} } @media(min-width:851px){ .ux-review .clean-home :is(.clean-benefits p,.clean-faq p,.clean-review-layout p),.ux-review .shop-page>p:not(.brand-accent){font-size:20px;line-height:1.45} .ux-review .purchase-panel #quantity-help{font-size:18px;line-height:1.35;margin:4px 0 0} .ux-review .product-purchase>details{order:2} } /* Shared with Nudog Club: master v3 p13 asymmetric brand frames. */ html.ux-review body :is(.btn,.card-action,.chip,.chat-launcher,.trial-offer-badge,.mobile-menu-finder,form button[type=submit],.footer-newsletter button,.bundle-recommendation,.saving-badge,.card-saving,.info-badge,.treats-kicker,.branding-shop,#packaging-continue){border-radius:var(--nudog-action-frame)} html.ux-review body :is(.recipe-card,.range,.feeding-tool,.feeding-order,.food-plan-result,.plan-price-panel,.mixed-trial-price,.notice,.journal-card,.clean-proof-grid article,.trial-details-dialog,.puppy-plan-dialog,.branding-dialog,.packaging-dialog){border-radius:var(--nudog-box-frame)} /* Campaign hero: override legacy mobile text/grid rules at their source. */ html.ux-review .clean-home .campaign-hero{padding:0;min-height:0} html.ux-review .clean-home .campaign-hero>.clean-hero-layout{display:flex;flex-direction:column;gap:0;padding:0 0 22px;min-height:0;width:100%;max-width:1500px} html.ux-review .clean-home .campaign-hero .campaign-accessible{display:block;position:absolute;inset:auto;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap} html.ux-review .clean-home .campaign-hero .clean-hero-image{display:block;width:100%;max-width:none;margin:0;order:0;overflow:hidden} html.ux-review .clean-home .campaign-hero .clean-hero-image img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1774/887;object-fit:contain} html.ux-review .clean-home .campaign-hero .campaign-actions{display:flex;align-items:center;justify-content:center;gap:24px;order:1;width:100%;padding:12px 5% 0} @media(max-width:850px){html.ux-review .clean-home .campaign-hero>.clean-hero-layout{padding:0 0 20px;gap:0}html.ux-review .clean-home .campaign-hero .campaign-actions{flex-direction:column;gap:12px;padding:12px 5% 0}html.ux-review .clean-home .campaign-hero .clean-main-action{width:100%;max-width:350px;margin:0}html.ux-review .clean-home .campaign-hero .clean-hero-offer{text-align:center;margin:0}} /* Trim the removed logo's empty top area without cropping messaging or packs. */ html.ux-review .clean-home .campaign-hero .clean-hero-image{aspect-ratio:1774/640;overflow:hidden} html.ux-review .clean-home .campaign-hero .clean-hero-image img{margin-top:-14%;max-height:none;width:100%;height:auto;aspect-ratio:1774/887} /* A taller mobile composition: readable live copy, then the approved pack artwork. */ .campaign-mobile{display:none} @media(max-width:600px){ html.ux-review .clean-home .campaign-hero .clean-hero-image{aspect-ratio:auto;overflow:hidden;background:#fdfcf9} html.ux-review .clean-home .campaign-hero .clean-hero-image>img{display:none} html.ux-review .clean-home .campaign-hero .campaign-mobile{display:block} .campaign-mobile-message{display:block;padding:23px 6% 6px;color:var(--palette-navy)} .campaign-mobile-message>span{display:block;font-family:'Nudog Aniara',Arial,sans-serif;font-size:clamp(36px,10vw,48px);font-weight:700;line-height:1.05} .campaign-mobile-message small{display:block;font-family:'Nudog Colby',Arial,sans-serif;font-size:24px;font-weight:500;line-height:1.2;margin-top:14px} .campaign-mobile-packs{display:block;position:relative;width:100%;aspect-ratio:1124/557;background-image:url('/__l5e/assets-v1/4b481291-128a-4e1a-b9e9-10afb8c4a6b0/nudog-fresh-campaign-hero-v317.webp');background-size:157.83% auto;background-position:right bottom;background-repeat:no-repeat} .campaign-mobile-packs:after{content:'';position:absolute;top:0;left:0;width:8.5%;height:46%;background:#fdfcf9} } /* Compatibility source: brand-refresh-v319.css */ /* NuDog packaging-led visual layer. Existing routes, copy, order and controls retained. */ body:has(.clean-home){--ink:var(--palette-navy);--soft:#fbfaf6;--line:#e2e5dd;--clay:#b57f76;--sage:#879b75;background:#fbfaf6;color:var(--palette-navy)} body:has(.clean-home) header{background:var(--palette-cream);border-bottom:1px solid #e4e6df} body:has(.clean-home) .header-slogan{color:var(--palette-navy)} body:has(.clean-home) .range-navigation{background:#f4f1e9;border-color:#e5e3d9} body:has(.clean-home) :is(.btn,.bag,.search-launcher,.account-link){color:var(--palette-navy)} body:has(.clean-home) .btn{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy);box-shadow:none;letter-spacing:.025em} body:has(.clean-home) .btn:hover{background:var(--palette-navy);border-color:var(--palette-navy)} body:has(.clean-home) :is(a,button,input,summary):focus-visible{outline:3px solid #9c7d9e;outline-offset:4px} .clean-home{background:#fbfaf6;color:var(--palette-navy)} html.ux-review .clean-home h2{font-size:clamp(32px,3.2vw,46px);line-height:1.13;letter-spacing:0;color:var(--palette-navy)} html.ux-review .clean-home h3{line-height:1.2;color:var(--palette-navy)} html.ux-review .clean-home :is(p,.clean-range-copy p,.clean-benefits p,.clean-faq p){line-height:1.5} html.ux-review .clean-home .brand-accent{font-size:clamp(24px,2.6vw,32px);line-height:1.25;letter-spacing:0} html.ux-review .clean-home .clean-range-section{background:#fbfaf6;border-block:1px solid #e9e6dc;padding-block:34px} .clean-home .clean-ranges .sectionhead{display:flex;align-items:center;gap:24px;margin-bottom:24px} .clean-home .clean-ranges .sectionhead:after{content:'';display:block;flex:0 0 64px;width:64px;height:94px;margin-left:auto;background:url('/__l5e/assets-v1/6bc91e8a-19d3-42ee-ba3f-60cc129235ad/nudog-character-sage-v319.svg') center/contain no-repeat;opacity:.8} html.ux-review .clean-home .clean-range-card{border:1px solid #e0e4db;border-radius:21px 16px 23px 17px;overflow:hidden;background:var(--palette-cream);box-shadow:none;transition:box-shadow .2s,border-color .2s} html.ux-review .clean-home .clean-range-card:hover{border-color:#aeb9a1;box-shadow:none} html.ux-review .clean-home .clean-range-fresh .clean-range-image{background:#f3ecda} html.ux-review .clean-home .clean-range-cold .clean-range-image{background:#e6ebdf} html.ux-review .clean-home .clean-range-treats .clean-range-image{background:var(--palette-panel)} html.ux-review .clean-home .clean-range-oil .clean-range-image{background:#e9e1ef} html.ux-review .clean-home .clean-range-image{padding:8px;height:260px} html.ux-review .clean-home .clean-range-image :is(img,svg){width:100%;height:100%;object-fit:contain;max-height:100%} html.ux-review .clean-home .clean-range-copy{padding:20px 18px 22px;background:var(--palette-cream)} html.ux-review .clean-home .clean-range-copy h3{font-size:25px;line-height:1.15;margin-bottom:12px} html.ux-review .clean-home .clean-range-copy p{color:var(--palette-navy);font-size:19px} .clean-home .clean-range-link{color:var(--palette-navy);text-decoration-color:#aab99b} html.ux-review .clean-home .clean-mixed{background:#f2e3e2;border-block:1px solid #ead6d3;padding-block:42px} .clean-home .clean-mixed .clean-mixed-heading{color:var(--palette-navy)} .clean-home .clean-mixed-price strong{color:var(--palette-navy)} .clean-home .clean-mixed .clean-trial-more{border-color:#d7beb9;background:#fffaf64d;border-radius:14px;padding:8px 14px} html.ux-review .clean-home .clean-benefit-section{background:#fbfaf6;padding-block:42px} html.ux-review .clean-home .clean-proof-grid article{background:#f0f2e9;border:1px solid #e0e5d6;padding:23px 21px;box-shadow:none} html.ux-review .clean-home .clean-proof-grid article:nth-child(2){background:#f5ecda;border-color:#e8dfc9} html.ux-review .clean-home .clean-proof-grid article:nth-child(3){background:#efe8f2;border-color:#e2d9e7} html.ux-review .clean-home .clean-proof-grid article:nth-child(4){background:#f3e6de;border-color:#e8dace} .clean-home .clean-proof-grid article>span{color:#657b59} .clean-home .clean-proof-grid article:nth-child(2)>span{color:#9a8246} .clean-home .clean-proof-grid article:nth-child(3)>span{color:#9481a4} .clean-home .clean-proof-grid article:nth-child(4)>span{color:#ae7d66} html.ux-review .clean-home .clean-review-section{background:#e6ebdf;border-block:1px solid #d9e1d2;padding-block:38px} html.ux-review .clean-home .clean-journal{background:#fbfaf6;padding-block:38px} .clean-home .journal-card{background:var(--palette-cream);border:1px solid #e0e4db;box-shadow:none;overflow:hidden} .clean-home .journal-copy{background:var(--palette-cream)} .clean-home .journal-copy .eyebrow{color:#65765c;letter-spacing:.07em} html.ux-review .clean-home .clean-faq-section{background:#f2edf5;border-block:1px solid #e5dce9;padding-block:38px} .clean-home .clean-faq details{border-color:#d9d1df;background:color-mix(in srgb, var(--palette-cream) 50.2%, transparent);border-radius:12px;margin-block:10px;padding:0 18px} .clean-home .clean-faq summary{padding-block:17px;color:var(--palette-navy)} .clean-home .clean-faq .detailsbody{padding-bottom:16px} body:has(.clean-home) .site-footer{background:var(--palette-navy);border-top:8px solid #d7e2cc} body:has(.clean-home) .site-footer .footer-portrait{opacity:.13;object-fit:contain} body:has(.clean-home) .site-footer :is(.footer-brand-slogan,.footer-link-group summary){color:#e9d4d5} body:has(.clean-home) .site-footer a:hover{color:#f1e6be} @media(max-width:850px){ html.ux-review .clean-home .clean-range-image{height:225px;padding:8px} html.ux-review .clean-home .clean-range-copy{padding:17px 14px 20px} html.ux-review .clean-home .clean-range-copy h3{font-size:23px} html.ux-review .clean-home .clean-range-copy p{font-size:18px} html.ux-review .clean-home .clean-range-section{padding-block:24px} .clean-home .clean-ranges .sectionhead:after{flex-basis:46px;width:46px;height:68px} html.ux-review .clean-home :is(.clean-mixed,.clean-benefit-section,.clean-journal,.clean-faq-section,.clean-review-section){padding-block:28px} html.ux-review .clean-home .clean-proof-grid article{padding:19px 16px} html.ux-review .clean-home .clean-faq details{padding-inline:14px} } @media(prefers-reduced-motion:reduce){html.ux-review .clean-home .clean-range-card{transition:none}} html.ux-review .clean-home .clean-ranges .sectionhead{flex-direction:row;flex-wrap:nowrap;align-items:center;text-align:left} html.ux-review .clean-home .clean-ranges .sectionhead>div{flex:1;min-width:0} @media(max-width:850px){html.ux-review .clean-home .clean-ranges .sectionhead{gap:12px}html.ux-review .clean-home .clean-ranges .sectionhead h2{font-size:30px}html.ux-review .clean-home .clean-ranges .sectionhead:after{margin-left:0}} /* Readability correction and explicitly requested new web typography. */ @font-face{font-family:'Nu Web Reading';src:url('/__l5e/assets-v1/d5d2beae-4682-41ee-938c-bb1004807aaa/nudog-web-carlito-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Nu Web Reading';src:url('/__l5e/assets-v1/cff32135-2244-4114-96e2-fdd2807f5af0/nudog-web-carlito-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Nu Web Heading';src:url('/__l5e/assets-v1/85b22c3c-13e6-49d7-b4cb-68296dc580e5/nudog-web-dejavu-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap} html.ux-review body:has(.clean-home){font-family:'Nu Web Reading',Arial,sans-serif;font-weight:400;font-synthesis:none} html.ux-review body:has(.clean-home) :is(p,li,a,span,small,nav,label,summary,input,select,textarea,button,.btn,.bag,.price,.eyebrow){font-family:'Nu Web Reading',Arial,sans-serif;font-weight:400;font-synthesis:none} html.ux-review body:has(.clean-home) :is(h1,h2,h3,h4,h5,h6),html.ux-review .clean-home .campaign-mobile-message>span{font-family:'Nu Web Heading',Arial,sans-serif;font-weight:700;font-synthesis:none;letter-spacing:-.025em} html.ux-review body:has(.clean-home) :is(strong,b,.btn,button,.clean-range-link,.clean-range-copy h3){font-weight:700} html.ux-review body:has(.clean-home) :is(.brand-accent,.clean-why-signoff){font-family:'Nudog Food Truck','Nu Web Reading',Arial,sans-serif;font-weight:400} html.ux-review .clean-home .clean-benefit-section,html.ux-review .clean-home .clean-why-layout,html.ux-review .clean-home .clean-proof-grid article{color:var(--palette-navy)} html.ux-review .clean-home .clean-benefit-section :is(p,a,h2,h3,span,svg){color:var(--palette-navy);opacity:1} html.ux-review .clean-home .clean-proof-grid article :is(p,a){font-size:18px;line-height:1.55} html.ux-review .clean-home .clean-proof-grid article h3{font-size:24px;line-height:1.22;max-width:none;margin:0} html.ux-review .clean-home .clean-proof-grid article>span{color:var(--palette-navy)} html.ux-review .clean-home .clean-proof-grid a{display:inline-block;text-decoration:underline;text-underline-offset:3px;margin-top:8px} html.ux-review .clean-home .clean-why-layout>h2{color:var(--palette-navy)} html.ux-review .clean-home .clean-proof-grid{gap:18px} html.ux-review .clean-home .clean-proof-grid article{padding:24px;text-align:left} html.ux-review .clean-home .clean-faq :is(p,a,summary){color:var(--palette-navy)} @media(max-width:850px){ html.ux-review .clean-home .campaign-mobile-message>span{font-size:clamp(32px,8.8vw,39px);line-height:1.12} html.ux-review .clean-home .campaign-mobile-message small{font-size:22px;font-weight:400;line-height:1.35} html.ux-review .clean-home h2{font-size:30px;line-height:1.18} html.ux-review .clean-home .clean-proof-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:15px;row-gap:12px;padding:22px 19px} html.ux-review .clean-home .clean-proof-grid article>span{grid-column:1;grid-row:1;width:28px;align-self:start} html.ux-review .clean-home .clean-proof-grid article h3{grid-column:2;grid-row:1;font-size:21px} html.ux-review .clean-home .clean-proof-grid article :is(p,a){grid-column:1/-1;margin:0} html.ux-review .clean-home .clean-proof-grid article p{font-size:18px;line-height:1.55} html.ux-review .clean-home .clean-proof-grid article a{font-size:17px} html.ux-review .clean-home .clean-range-copy h3{font-size:21px} } /* White product frames: packaging supplies the range colour. */ html.ux-review .clean-home .clean-range-card, html.ux-review .recipe-card{background:var(--palette-cream);border:1.5px solid var(--palette-navy);border-radius:22px;box-shadow:none;overflow:hidden} html.ux-review .clean-home .clean-range-card:hover, html.ux-review .recipe-card:hover{border-color:var(--palette-navy);box-shadow:none} html.ux-review .clean-home .clean-range-image, html.ux-review .clean-home .clean-range-copy, html.ux-review .recipe-card>.productimage, html.ux-review .recipe-card>.card-body, html.ux-review .recipe-card>.treat-quick-buy{background:var(--palette-cream)} html.ux-review .clean-home .clean-range-link{color:var(--palette-navy);text-decoration-color:var(--palette-navy)} html.ux-review .recipe-card h3,html.ux-review .recipe-card .card-main-price{color:var(--palette-navy)} @media(max-width:600px){html.ux-review .clean-home .clean-range-oil .clean-range-copy h3{font-size:17px;white-space:nowrap}html.ux-review .clean-home .clean-range-copy{padding-inline:12px}} /* Compatibility source: home-flow-v324.css */ /* One connected packaging-led homepage. Commerce controls and routes retained. */ html.ux-review .clean-home{--flow-navy:var(--palette-navy);--flow-cream:#fbf8ef;--flow-blush:var(--palette-panel);--flow-sage:#d7e2cc;overflow:hidden;background:var(--flow-cream)} html.ux-review .clean-home>.flow-hero{background:#fdfcf8;padding:0;position:relative} html.ux-review .clean-home .flow-hero-inner{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:12px;padding-block:64px 68px;max-width:1280px;min-height:570px} html.ux-review .clean-home .flow-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;line-height:1.4;margin:0 0 18px;color:#526249} html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(42px,4.8vw,66px);line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;max-width:620px} html.ux-review .clean-home .flow-hero-copy h1 span{font:inherit;letter-spacing:inherit;color:#a85f70} html.ux-review .clean-home .flow-hero-lead{font-size:27px;line-height:1.25;margin:0 0 12px;color:var(--palette-navy)} html.ux-review .clean-home .flow-hero-note{font-size:18px;line-height:1.5;margin:0 0 25px;max-width:330px;color:#3c4c5b} html.ux-review .clean-home .flow-hero .clean-main-action{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:190px;width:auto;max-width:none;padding:16px 25px;min-height:54px;margin:0} html.ux-review .clean-home .flow-hero-offer{margin:17px 0 0;font-size:17px;line-height:1.4} html.ux-review .clean-home .flow-hero-offer>a{text-underline-offset:4px;font-weight:700} html.ux-review .clean-home .flow-hero-offer small{display:block;font-size:14px;color:#53606a;margin-top:6px} html.ux-review .clean-home .flow-hero-art{display:block;position:relative;min-width:0;align-self:center;margin:0 -60px 0 -12px} html.ux-review .clean-home .flow-hero-art>img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply} html.ux-review .clean-home .flow-sticker{display:flex;align-items:center;justify-content:center;position:absolute;right:8%;bottom:-12px;width:110px;height:110px;background:#d7e2cc;border-radius:50%;transform:rotate(8deg);font-size:17px;text-align:center;line-height:1.2;font-weight:700;border:1px solid var(--palette-navy)} html.ux-review .clean-home .clean-range-section{background:var(--flow-cream);border:0;padding:54px 0 30px;position:relative} html.ux-review .clean-home .clean-range-section:before{content:'';position:absolute;left:-5%;right:-5%;top:-22px;height:45px;border-radius:50% 50% 0 0;background:var(--flow-cream)} html.ux-review .clean-home .clean-ranges .sectionhead{margin-bottom:28px;gap:20px} html.ux-review .clean-home .clean-ranges .sectionhead:after{display:none} html.ux-review .clean-home .sectionhead .flow-kicker{margin-bottom:10px} html.ux-review .clean-home h2{font-size:clamp(32px,3.5vw,46px);line-height:1.1;letter-spacing:-.035em} html.ux-review .clean-home .sectionhead h2{margin:0 0 12px} html.ux-review .clean-home .sectionhead p:not(.flow-kicker){margin:0;font-size:20px} html.ux-review .clean-home .clean-range-card{border:1px solid var(--palette-navy);border-radius:22px;box-shadow:none;transition:transform .2s,box-shadow .2s} html.ux-review .clean-home .clean-range-card:hover{transform:translateY(-5px);box-shadow:none} html.ux-review .clean-home .clean-range-image{height:240px;padding:14px 12px 0} html.ux-review .clean-home .clean-range-image img{filter:none} html.ux-review .clean-home .clean-range-copy{padding:16px 20px 20px;gap:0;display:flex} html.ux-review .clean-home .clean-range-copy h3{font-size:22px;line-height:1.15;min-height:0;margin:0 0 12px} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){font-size:18px;line-height:1.4;min-height:51px;margin:0 0 16px} html.ux-review .clean-home .clean-range-copy .clean-range-price{min-height:0;margin:0 0 12px;padding:0;font-size:19px;line-height:1.3} html.ux-review .clean-home .clean-range-price small{font-size:14px;line-height:1.3;margin-top:5px} html.ux-review .clean-home .clean-range-link{font-size:17px;margin-top:auto;padding-top:6px;min-height:36px} html.ux-review .clean-home .ux-trust{max-width:1120px;margin:0 auto;padding:14px 0 25px;border:0;gap:18px} html.ux-review .clean-home .ux-trust p{font-size:17px;color:#53606a} html.ux-review .clean-home .ux-trust a{font-size:17px} html.ux-review .clean-home .clean-mixed{background:var(--palette-panel);border:0;padding:56px 0 60px;position:relative} html.ux-review .clean-home .clean-mixed>.wrap{max-width:1200px} html.ux-review .clean-home .clean-mixed-heading{max-width:670px;margin:0 0 22px;font-size:40px} html.ux-review .clean-home .clean-mixed-layout{gap:50px;grid-template-columns:1.1fr 1fr} html.ux-review .clean-home .clean-mixed-image{height:340px;aspect-ratio:auto;position:relative;isolation:isolate} html.ux-review .clean-home .clean-mixed-image:before{content:'';position:absolute;inset:3% 8%;border-radius:50%;background:#faeeea;z-index:-1;transform:rotate(-9deg)} html.ux-review .clean-home .clean-mixed-image>img{filter:none} html.ux-review .clean-home .clean-mixed-copy .clean-mixed-summary{font-size:24px;margin:0 0 14px} html.ux-review .clean-home .clean-mixed-copy .clean-mixed-price{margin:0 0 14px} html.ux-review .clean-home .clean-mixed-price strong{font-size:42px} html.ux-review .clean-home .clean-trial-short{font-size:16px;margin:12px 0;max-width:420px} html.ux-review .clean-home .clean-benefit-section{background:var(--palette-navy);position:relative;border:0;padding:70px 0 65px} html.ux-review .clean-home .clean-benefit-section:before{content:'';position:absolute;left:-5%;width:110%;height:35px;top:-20px;border-radius:50% 50% 0 0;background:var(--palette-navy)} html.ux-review .clean-home .flow-why-intro{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:50px;margin-bottom:40px} html.ux-review .clean-home .flow-why-intro h2{color:#fffaf0;margin:0 0 20px;font-size:46px} html.ux-review .clean-home .flow-why-intro .flow-kicker{color:#d7e2cc} html.ux-review .clean-home .flow-why-intro p{color:#eee9de;font-size:21px;max-width:500px;margin:0} html.ux-review .clean-home .flow-why-intro img{height:250px;width:100%;object-fit:contain;transform:rotate(7deg)} html.ux-review .clean-home .clean-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border:0;padding:0} html.ux-review .clean-home .clean-proof-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:transparent;border:0;border-top:1px solid #fff5e14d;border-radius:0;padding:24px 0 0;box-shadow:none} html.ux-review .clean-home .clean-proof-grid article>span{height:32px;justify-content:flex-start} html.ux-review .clean-home .clean-proof-grid article :is(h3,p,a,span,svg){color:#fffaf0} html.ux-review .clean-home .clean-proof-grid article h3{font-size:21px;line-height:1.2} html.ux-review .clean-home .clean-proof-grid article p{font-size:17px;line-height:1.5;margin:0} html.ux-review .clean-home .clean-proof-grid article a{font-size:16px;line-height:1.4;margin-top:auto} html.ux-review .clean-home .clean-why-signoff{display:none} html.ux-review .clean-home .clean-review-section{background:#d7e2cc;border:0;padding:48px 0 0;overflow:hidden} html.ux-review .clean-home .clean-review-layout{grid-template-columns:.75fr 1.25fr;gap:0 55px;align-items:center;position:relative;padding-bottom:40px} html.ux-review .clean-home .flow-dog-photo{grid-column:1;grid-row:1/3;align-self:end;max-height:350px;overflow:hidden;border-radius:180px 180px 0 0;background:#c0d0af} html.ux-review .clean-home .flow-dog-photo img{display:block;width:100%;height:370px;object-fit:contain;object-position:center top;padding-top:20px} html.ux-review .clean-home .clean-review-layout>div:nth-child(2){grid-column:2;align-self:end} html.ux-review .clean-home .clean-review-layout h2{margin:12px 0 18px} html.ux-review .clean-home .clean-review-actions{grid-column:2;align-self:start;align-items:flex-start;gap:8px;padding-top:10px} html.ux-review .clean-home .clean-review-actions .product-trustpilot{display:none} html.ux-review .clean-home .clean-review-actions .btn{font-size:17px;min-height:48px} html.ux-review .clean-home .clean-journal{background:#fbf8ef;border:0;padding:62px 0} html.ux-review .clean-home .journal-card{border:0;border-radius:20px;box-shadow:none;overflow:hidden} html.ux-review .clean-home .journal-copy{padding:22px;background:var(--palette-cream)} html.ux-review .clean-home .clean-faq-section{background:#eee8f2;border:0;padding:56px 0} html.ux-review .clean-home .clean-faq{max-width:920px} html.ux-review .clean-home .clean-faq-heading{justify-content:space-between;margin-bottom:26px} html.ux-review .clean-home .clean-digging-dog{width:70px;height:92px;object-fit:contain;transform:rotate(-7deg)} html.ux-review .clean-home .clean-faq details{background:transparent;border:0;border-bottom:1px solid #09245230;border-radius:0;margin:0;padding:0} html.ux-review .clean-home .clean-faq summary{font-size:22px;padding-block:22px} html.ux-review body:has(.clean-home) .site-footer{border-top:0;padding-top:55px} @media(max-width:850px){ html.ux-review .clean-home .flow-hero-inner{grid-template-columns:1fr;gap:16px;padding:36px 5% 42px;min-height:0} html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(38px,8vw,60px);max-width:650px} html.ux-review .clean-home .flow-hero-lead{font-size:24px} html.ux-review .clean-home .flow-hero-note{max-width:none} html.ux-review .clean-home .flow-hero-art{margin:0 -5%;grid-row:2} html.ux-review .clean-home .flow-hero-art>img{max-height:340px;object-fit:contain} html.ux-review .clean-home .flow-sticker{width:86px;height:86px;right:7%;bottom:-8px;font-size:14px} html.ux-review .clean-home .clean-range-section{padding:36px 0 24px} html.ux-review .clean-home .clean-ranges .sectionhead{margin-bottom:22px} html.ux-review .clean-home .clean-range-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} html.ux-review .clean-home .clean-range-image{height:220px;padding:10px 8px 0} html.ux-review .clean-home .clean-range-copy{padding:14px 14px 16px} html.ux-review .clean-home .clean-range-copy h3{font-size:20px;white-space:normal} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){font-size:17px;min-height:72px;margin-bottom:12px} html.ux-review .clean-home .clean-range-price{font-size:18px} html.ux-review .clean-home .clean-range-price small{font-size:13px} html.ux-review .clean-home .ux-trust{padding:0 5% 28px;margin:0;gap:4px;align-items:flex-start;flex-direction:column} html.ux-review .clean-home .clean-mixed{padding:38px 0 50px} html.ux-review .clean-home .clean-mixed-heading{font-size:32px;margin-bottom:20px} html.ux-review .clean-home .clean-mixed-layout{grid-template-columns:1fr;gap:20px} html.ux-review .clean-home .clean-mixed-image{height:280px} html.ux-review .clean-home .clean-benefit-section{padding:45px 0} html.ux-review .clean-home .flow-why-intro{grid-template-columns:1fr 95px;gap:10px;margin-bottom:30px} html.ux-review .clean-home .flow-why-intro h2{font-size:30px} html.ux-review .clean-home .flow-why-intro p{font-size:18px} html.ux-review .clean-home .flow-why-intro img{height:165px} html.ux-review .clean-home .flow-why-intro .flow-kicker{font-size:11px} html.ux-review .clean-home .clean-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px} html.ux-review .clean-home .clean-proof-grid article h3{font-size:19px} html.ux-review .clean-home .clean-proof-grid article p{font-size:17px} html.ux-review .clean-home .clean-review-section{padding:36px 0 0} html.ux-review .clean-home .clean-review-layout{grid-template-columns:1fr;gap:0;padding-bottom:0} html.ux-review .clean-home .clean-review-layout>div:nth-child(2),html.ux-review .clean-home .clean-review-actions{grid-column:1} html.ux-review .clean-home .flow-dog-photo{grid-row:3;grid-column:1;max-width:260px;justify-self:center;margin-top:20px;height:235px;max-height:none} html.ux-review .clean-home .flow-dog-photo img{height:300px;padding-top:15px} html.ux-review .clean-home .clean-journal{padding:40px 0} html.ux-review .clean-home .clean-faq-section{padding:38px 0} html.ux-review .clean-home .clean-faq summary{font-size:20px} } @media(max-width:430px){ html.ux-review .clean-home .flow-hero-copy h1{font-size:39px} html.ux-review .clean-home .flow-hero-copy .flow-kicker{font-size:11px} html.ux-review .clean-home .clean-range-copy{padding-inline:12px} html.ux-review .clean-home .clean-range-copy h3{font-size:18px;letter-spacing:-.04em} html.ux-review .clean-home .clean-range-oil .clean-range-copy h3{font-size:16px} html.ux-review .clean-home .clean-range-image{height:205px} html.ux-review .clean-home .clean-proof-grid{grid-template-columns:1fr;gap:24px} html.ux-review .clean-home .clean-proof-grid article{gap:10px} html.ux-review .clean-home .flow-why-intro{grid-template-columns:1fr 75px} html.ux-review .clean-home .flow-why-intro h2{font-size:28px} } @media(prefers-reduced-motion:reduce){html.ux-review .clean-home .clean-range-card{transition:none}html.ux-review .clean-home .clean-range-card:hover{transform:none}} @media(max-width:850px){ html.ux-review .clean-home .flow-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:28px} html.ux-review .clean-home .flow-hero-copy{display:contents} html.ux-review .clean-home .flow-hero-copy>.flow-kicker{order:0;margin-bottom:14px} html.ux-review .clean-home .flow-hero-copy h1{order:1;text-align:left;margin-bottom:18px} html.ux-review .clean-home .flow-hero-lead{order:2;margin-bottom:10px} html.ux-review .clean-home .flow-hero-note{order:3;margin-bottom:0} html.ux-review .clean-home .flow-hero-art{order:4;margin:18px -3% 20px} html.ux-review .clean-home .flow-hero .clean-main-action{order:5;width:100%;max-width:none} html.ux-review .clean-home .flow-hero-offer{order:6;margin-top:16px;text-align:center} html.ux-review .clean-home .flow-sticker{right:0;bottom:0;width:75px;height:75px;font-size:13px} } /* Updated Fresh campaign headline. */ html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(40px,4.1vw,55px);line-height:1.07} html.ux-review .clean-home .flow-hero-note{font-size:15px;max-width:360px} @media(max-width:850px){html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(34px,7.7vw,48px)}html.ux-review .clean-home .flow-hero-lead{font-size:22px;max-width:410px}} @media(max-width:430px){html.ux-review .clean-home .flow-hero-copy h1{font-size:34px}} /* Original NuDog vector replaces the photographic dog only. */ html.ux-review .clean-home .flow-dog-photo{background:transparent;overflow:visible;align-self:center;max-height:none;border-radius:0} html.ux-review .clean-home .flow-dog-photo img{height:300px;padding:12px 20px;object-fit:contain;object-position:center} @media(max-width:850px){html.ux-review .clean-home .flow-dog-photo{height:235px;margin-top:20px}html.ux-review .clean-home .flow-dog-photo img{height:235px;padding:15px 25px}} /* Compatibility source: playful-v328.css */ /* Packaging typography: authentic weights, readable copy, playful silhouettes. */ html.ux-review body:has(.clean-home) :is(h1,h2,h3,h4,h5,h6), html.ux-review .clean-home .flow-hero-copy h1 span{ font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-synthesis:none;letter-spacing:0; } html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(43px,4.8vw,64px);line-height:1.08;max-width:650px} html.ux-review .clean-home h2{letter-spacing:0;line-height:1.15} html.ux-review .clean-home .flow-hero-lead{font-size:26px;line-height:1.3;font-weight:400} html.ux-review .clean-home .flow-kicker{font-family:'Nudog Food Truck','Nu Web Reading',sans-serif;font-size:22px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.3;transform:rotate(-2deg);transform-origin:left center} html.ux-review body:has(.clean-home) :is(.btn,button){font-weight:700;letter-spacing:0} html.ux-review body:has(.clean-home) .btn{border-radius:28px 24px 29px 22px} html.ux-review .clean-home .clean-range-card{border-radius:30px 22px 32px 23px;box-shadow:none} html.ux-review .clean-home .clean-range-copy h3{font-size:27px;line-height:1.16;letter-spacing:0} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){font-weight:400;line-height:1.45} html.ux-review .clean-home .clean-range-link{font-weight:400;text-underline-offset:5px} html.ux-review .clean-home .flow-sticker{font-family:'Nudog Food Truck','Nu Web Reading',sans-serif;font-weight:400;border-radius:46% 54% 48% 52%;transform:rotate(8deg);font-size:20px} html.ux-review .clean-home .flow-sticker span{font:inherit} html.ux-review .clean-home .clean-mixed-image:before{border-radius:47% 53% 56% 44%} html.ux-review .clean-home .journal-card{border-radius:28px 22px 30px 20px} html.ux-review .clean-home .clean-faq summary{font-weight:400;line-height:1.4} html.ux-review .clean-home .clean-proof-grid article h3{font-size:25px;letter-spacing:0} @media(max-width:850px){ html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(36px,8.2vw,52px);line-height:1.12} html.ux-review .clean-home .flow-hero-copy>.flow-kicker{font-size:20px} html.ux-review .clean-home .flow-hero-lead{font-size:23px} html.ux-review .clean-home .clean-range-copy h3{font-size:23px;white-space:normal;overflow-wrap:normal} html.ux-review .clean-home .clean-range-oil .clean-range-copy h3{font-size:21px;white-space:normal} html.ux-review .clean-home .clean-proof-grid article h3{font-size:23px} html.ux-review .clean-home .flow-sticker{font-size:17px} } /* Loose line illustrations carry the practical Fresh messages. */ html.ux-review .clean-home .nu-easy-icons{display:flex;flex-wrap:wrap;gap:16px 22px;list-style:none;padding:0;margin:0 0 27px} html.ux-review .clean-home .nu-easy-icons li{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.2} html.ux-review .clean-home .nu-easy-icons li>span:first-child{display:grid;place-items:center;width:43px;height:47px;background:#e9eddf;border-radius:44% 56% 48% 52%;transform:rotate(-4deg);flex-shrink:0} html.ux-review .clean-home .nu-easy-icons li:nth-child(2)>span:first-child{background:#f3e2d8;transform:rotate(4deg)} html.ux-review .clean-home .nu-easy-icons li:nth-child(3)>span:first-child{background:#eee5f1} html.ux-review .clean-home .nu-easy-icons svg{width:29px;height:29px;overflow:visible} html.ux-review .clean-home .nu-easy-icons small{display:block;font-size:13px;margin-top:4px;color:#52606b} @media(max-width:850px){html.ux-review .clean-home .nu-easy-icons{order:4;margin:18px 0 4px;gap:14px;justify-content:space-between}html.ux-review .clean-home .nu-easy-icons li{flex:1;min-width:0;flex-direction:column;align-items:flex-start;font-size:15px;gap:8px}html.ux-review .clean-home .nu-easy-icons small{font-size:12px}} /* Clear, compact benefits across product and support pages. */ html.ux-review .nu-product-benefits{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:15px 0} html.ux-review .nu-product-benefits li{font-family:'Nu Web Reading',Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.3;background:#edf0e6;color:var(--palette-navy);border-radius:18px 15px 17px 14px;padding:8px 12px} html.ux-review .info-hero-image.contact-brand-dog{overflow:visible;height:340px;background:transparent} html.ux-review .info-hero-image.contact-brand-dog img{height:100%;width:100%;object-fit:contain;object-position:center;padding:20px} @media(max-width:850px){html.ux-review .info-hero-image.contact-brand-dog{height:240px}html.ux-review .nu-product-benefits li{font-size:16px}} /* Compatibility source: landing-polish-v332.css */ /* Landing page refinement: consistent rhythm, clear benefits, packaging-led details. */ html.ux-review .clean-home{--landing-space:64px} html.ux-review .clean-home .flow-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:38px;padding-block:48px 52px;min-height:0} html.ux-review .clean-home .flow-hero-copy>.flow-kicker{font-family:'Nu Web Reading',Arial,sans-serif;font-size:14px;letter-spacing:.09em;font-weight:700;transform:none;margin-bottom:18px} html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(42px,4.3vw,58px);line-height:1.1;margin-bottom:22px} html.ux-review .clean-home .flow-hero-lead{font-size:23px;line-height:1.35;max-width:460px;margin-bottom:10px} html.ux-review .clean-home .flow-hero-note{font-size:15px;margin-bottom:22px} html.ux-review .clean-home .nu-easy-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-bottom:26px} html.ux-review .clean-home .nu-easy-icons li{flex-direction:column;align-items:flex-start;gap:9px;font-size:16px} html.ux-review .clean-home .nu-easy-icons li>span:first-child{width:45px;height:47px} html.ux-review .clean-home .flow-hero .clean-main-action{width:100%;max-width:360px;min-height:56px;border-radius:17px 14px 18px 14px;box-shadow:none;padding:15px 23px} html.ux-review .clean-home .flow-hero-offer{font-size:16px;max-width:360px;text-align:center;margin-top:17px} html.ux-review .clean-home .flow-hero-art{margin:0 -16px 0 0} html.ux-review .clean-home .flow-sticker{width:108px;height:108px;font-size:20px;line-height:1.2;display:flex;align-items:center;justify-content:center;padding:15px;text-align:center;right:1%;bottom:0;box-shadow:none} html.ux-review .clean-home .clean-range-section{padding-block:54px 24px} html.ux-review .clean-home .clean-ranges .sectionhead{margin-bottom:28px} html.ux-review .clean-home .clean-range-carousel{gap:20px;align-items:stretch} html.ux-review .clean-home .clean-range-card{border-color:#09245255;border-radius:26px 21px 28px 22px;box-shadow:none;position:relative} html.ux-review .clean-home .clean-range-card:before{content:'';position:absolute;left:22px;right:22px;top:0;height:5px;background:#e4d2a0;border-radius:0 0 10px 10px} html.ux-review .clean-home .clean-range-cold:before{background:#b8c7a7} html.ux-review .clean-home .clean-range-treats:before{background:#d0bddf} html.ux-review .clean-home .clean-range-oil:before{background:#e4b9a6} html.ux-review .clean-home .clean-range-copy{padding:19px 20px 22px} html.ux-review .clean-home .clean-range-image{height:225px;padding-top:20px} html.ux-review .clean-home .clean-range-copy h3{font-size:26px;margin-bottom:10px} html.ux-review .clean-home .clean-range-link{border-top:1px solid #09245217;padding-top:14px;margin-top:auto;font-size:16px} html.ux-review .clean-home .ux-trust{padding-block:20px 28px;min-height:0} html.ux-review .clean-home .clean-mixed{padding:54px 0 60px} html.ux-review .clean-home .clean-mixed-heading{max-width:800px;margin-bottom:25px;font-size:42px} html.ux-review .clean-home .clean-mixed-layout{gap:56px;align-items:center} html.ux-review .clean-home .clean-mixed-image{height:330px} html.ux-review .clean-home .clean-mixed-copy{background:#fffaf5c9;border:1px solid #09245217;border-radius:30px 23px 31px 22px;padding:28px} html.ux-review .clean-home .clean-mixed-copy .clean-mixed-summary{font-size:23px;line-height:1.3} html.ux-review .clean-home .clean-mixed-price strong{font-size:44px} html.ux-review .clean-home .clean-benefit-section{padding-block:56px} html.ux-review .clean-home .flow-why-intro{margin-bottom:28px;gap:30px} html.ux-review .clean-home .flow-why-intro img{height:190px} html.ux-review .clean-home .clean-proof-grid{gap:24px} html.ux-review .clean-home .clean-proof-grid article{gap:13px;padding-top:22px} html.ux-review .clean-home .clean-proof-grid article>span{display:grid;place-items:center;width:48px;height:48px;background:#e7ebd9;border-radius:43% 57% 51% 49%;color:var(--palette-navy);margin-bottom:2px} html.ux-review .clean-home .clean-proof-grid article:nth-child(2)>span{background:#f1d7d5} html.ux-review .clean-home .clean-proof-grid article:nth-child(3)>span{background:#e3d9ed} html.ux-review .clean-home .clean-proof-grid article:nth-child(4)>span{background:#f2e5bb} html.ux-review .clean-home .clean-proof-grid article>span svg{width:28px;height:28px;color:var(--palette-navy)} html.ux-review .clean-home .clean-proof-grid article h3{font-size:24px} html.ux-review .clean-home .clean-journal{padding-block:56px} html.ux-review .clean-home .journal-card{border:1px solid #09245218;box-shadow:none} html.ux-review .clean-home .clean-faq-section{padding-block:48px} html.ux-review .clean-home .clean-faq details{background:#fffdfb;border:1px solid #09245220;border-radius:17px;margin-bottom:10px;padding-inline:20px} html.ux-review .clean-home .clean-faq summary{font-size:21px;padding-block:19px} @media(max-width:850px){ html.ux-review .clean-home .flow-hero-inner{gap:0;padding:27px 5% 32px} html.ux-review .clean-home .flow-hero-copy>.flow-kicker{font-size:12px;margin-bottom:13px} html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(35px,8.4vw,49px);line-height:1.11;margin-bottom:16px} html.ux-review .clean-home .flow-hero-lead{font-size:21px;line-height:1.35;margin-bottom:10px} html.ux-review .clean-home .flow-hero-note{margin-bottom:0;font-size:14px} html.ux-review .clean-home .nu-easy-icons{gap:12px;margin:20px 0 0} html.ux-review .clean-home .nu-easy-icons li{font-size:15px;line-height:1.25} html.ux-review .clean-home .nu-easy-icons small{font-size:12px} html.ux-review .clean-home .flow-hero-art{margin:18px -3% 22px} html.ux-review .clean-home .flow-sticker{width:86px;height:86px;font-size:16px;padding:11px;bottom:0;right:0} html.ux-review .clean-home .flow-hero .clean-main-action{max-width:none;min-height:54px} html.ux-review .clean-home .flow-hero-offer{max-width:none;font-size:16px} html.ux-review .clean-home .clean-range-section{padding-block:32px 14px} html.ux-review .clean-home .clean-ranges .sectionhead{margin-bottom:20px} html.ux-review .clean-home .clean-range-carousel{gap:13px} html.ux-review .clean-home .clean-range-image{height:195px;padding:17px 8px 0} html.ux-review .clean-home .clean-range-copy{padding:13px 13px 17px} html.ux-review .clean-home .clean-range-copy h3{font-size:22px} html.ux-review .clean-home .clean-range-oil .clean-range-copy h3{font-size:20px} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){font-size:16px;line-height:1.4;min-height:68px} html.ux-review .clean-home .clean-range-link{font-size:15px;padding-top:12px} html.ux-review .clean-home .ux-trust{padding:8px 5% 25px;gap:8px} html.ux-review .clean-home .clean-mixed{padding-block:34px 40px} html.ux-review .clean-home .clean-mixed-heading{font-size:32px;margin-bottom:20px} html.ux-review .clean-home .clean-mixed-layout{gap:18px} html.ux-review .clean-home .clean-mixed-image{height:265px} html.ux-review .clean-home .clean-mixed-copy{padding:23px 20px} html.ux-review .clean-home .clean-mixed-copy .clean-mixed-summary{font-size:22px} html.ux-review .clean-home .clean-benefit-section{padding-block:38px} html.ux-review .clean-home .flow-why-intro{grid-template-columns:1fr 75px;gap:15px;margin-bottom:25px} html.ux-review .clean-home .flow-why-intro img{height:135px} html.ux-review .clean-home .flow-why-intro h2{font-size:30px} html.ux-review .clean-home .clean-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px} html.ux-review .clean-home .clean-proof-grid article h3{font-size:21px;line-height:1.2} html.ux-review .clean-home .clean-proof-grid article p{font-size:16px} html.ux-review .clean-home .clean-proof-grid article a{font-size:15px} html.ux-review .clean-home .clean-journal{padding-block:36px} html.ux-review .clean-home .clean-faq-section{padding-block:34px} html.ux-review .clean-home .clean-faq details{padding-inline:15px} html.ux-review .clean-home .clean-faq summary{font-size:19px;padding-block:17px} } @media(max-width:360px){html.ux-review .clean-home .clean-proof-grid{grid-template-columns:1fr}html.ux-review .clean-home .nu-easy-icons{gap:8px}html.ux-review .clean-home .nu-easy-icons li{font-size:14px}} html.ux-review .clean-home .flow-sticker{flex-direction:column;gap:3px;font-size:17px;padding:10px}html.ux-review .clean-home .flow-sticker span{white-space:nowrap} @media(max-width:850px){html.ux-review .clean-home .flow-sticker{font-size:14px}} /* Centred, chunkier Fresh benefit icons and labels. */ html.ux-review .clean-home .nu-easy-icons{justify-items:center;gap:14px} html.ux-review .clean-home .nu-easy-icons li{width:100%;align-items:center;text-align:center;gap:11px} html.ux-review .clean-home .nu-easy-icons li>span:first-child{width:60px;height:62px} html.ux-review .clean-home .nu-easy-icons svg{width:36px;height:36px;stroke-width:2.2} html.ux-review body:has(.clean-home) .nu-easy-icons li>span:last-child{font-family:'Nu Web Reading',Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.25} html.ux-review body:has(.clean-home) .nu-easy-icons small{font-size:14px;font-weight:400;line-height:1.3;margin-top:6px} @media(max-width:850px){html.ux-review .clean-home .nu-easy-icons{gap:10px}html.ux-review .clean-home .nu-easy-icons li>span:first-child{width:56px;height:59px}html.ux-review .clean-home .nu-easy-icons svg{width:34px;height:34px}html.ux-review body:has(.clean-home) .nu-easy-icons li>span:last-child{font-size:16px}html.ux-review body:has(.clean-home) .nu-easy-icons small{font-size:13px}} /* A stronger, fluid headline with an intentional message break. */ html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(48px,4.8vw,68px);line-height:1.07;letter-spacing:0;text-wrap:balance;max-width:680px} html.ux-review .clean-home .flow-hero-copy h1>span{display:block;margin-top:.07em} @media(max-width:850px){html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(40px,10.3vw,70px);line-height:1.08;margin-bottom:22px;max-width:680px}} @media(max-width:360px){html.ux-review .clean-home .flow-hero-copy h1{font-size:clamp(34px,10.3vw,40px)}} /* Compatibility source: dog-life-v333.css */ /* Keep original artwork and proportions; move only the whole character. */ .nu-dog-alive{cursor:pointer;touch-action:manipulation;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent} .nu-dog-alive:focus-visible{outline:3px solid #bd96ab;outline-offset:7px;border-radius:14px} .nu-dog-wiggle{animation:nu-dog-hello 1s ease-in-out both} @keyframes nu-dog-hello{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-7px) rotate(-5deg)}42%{transform:translateY(-3px) rotate(5deg)}64%{transform:translateY(-5px) rotate(-3deg)}82%{transform:translateY(-1px) rotate(2deg)}} @media(prefers-reduced-motion:reduce){.nu-dog-alive,.nu-dog-wiggle{animation:none;transition:none}} /* Compatibility source: benefit-story-v335.css */ /* Product reasons made visual, using the existing packaging palette. */ html.ux-review .clean-home .nu-range-badge{display:flex;align-items:center;gap:7px;align-self:flex-start;max-width:100%;background:#f1e7c8;color:var(--palette-navy);border-radius:15px 12px 16px 12px;padding:7px 10px;margin:0 0 14px} html.ux-review body:has(.clean-home) .nu-range-badge>span{font-family:'Nu Web Reading',Arial,sans-serif;font-weight:700;font-size:14px;line-height:1.2} html.ux-review .clean-home .nu-range-badge svg{width:20px;height:20px;stroke-width:2;flex-shrink:0} html.ux-review .clean-home .clean-range-cold .nu-range-badge{background:#e3eadb} html.ux-review .clean-home .clean-range-treats .nu-range-badge{background:#eee3f3} html.ux-review .clean-home .clean-range-oil .nu-range-badge{background:#f4e0d6} html.ux-review .clean-home .nu-fresh-steps{background:#fdfcf8;border-top:1px solid #09245210;padding:56px 0 42px} html.ux-review .clean-home .nu-steps-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px} html.ux-review .clean-home .nu-steps-intro h2{margin:0;font-size:40px} html.ux-review .clean-home .nu-steps-intro .flow-kicker{margin:0 0 14px;font-size:23px} html.ux-review .clean-home .nu-steps-intro>p{font-size:21px;line-height:1.4;max-width:290px;margin:0 0 4px} html.ux-review .clean-home .nu-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:36px} html.ux-review .clean-home .nu-step-grid li{position:relative;text-align:center;padding:22px 15px 24px} html.ux-review .clean-home .nu-step-art{display:grid;place-items:center;position:relative;width:132px;height:126px;margin:0 auto 23px;background:#e5eadb;border-radius:46% 54% 48% 52%;transform:rotate(-3deg)} html.ux-review .clean-home .nu-step-grid li:nth-child(2) .nu-step-art{background:#f1dfd6;transform:rotate(4deg)} html.ux-review .clean-home .nu-step-grid li:nth-child(3) .nu-step-art{background:#eae1ef;transform:rotate(-2deg)} html.ux-review .clean-home .nu-step-art>svg{width:73px;height:73px;stroke-width:2;overflow:visible} html.ux-review body:has(.clean-home) .nu-step-number{display:grid;place-items:center;position:absolute;top:-4px;left:-8px;width:33px;height:33px;background:var(--palette-navy);color:var(--palette-cream);border-radius:50%;font-family:'Nu Web Reading',Arial,sans-serif;font-size:18px;font-weight:700;border:3px solid #fdfcf8} html.ux-review .clean-home .nu-step-grid h3{font-size:30px;margin:0 0 10px} html.ux-review .clean-home .nu-step-grid p{font-size:19px;line-height:1.45;margin:0;color:#3c4c5b} html.ux-review .clean-home .nu-step-grid li:not(:last-child):after{content:'→';position:absolute;right:-30px;top:67px;font-family:'Nudog Food Truck',sans-serif;font-size:40px;color:#a1ad93} html.ux-review .clean-home .nu-steps-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #09245218;padding-top:20px;margin-top:10px} html.ux-review .clean-home .nu-steps-bottom p{font-size:15px;color:#52606b;margin:0} html.ux-review .clean-home .nu-steps-bottom a{font-size:18px;text-underline-offset:4px} @media(max-width:850px){ html.ux-review .clean-home .nu-range-badge{padding:6px 8px;gap:5px;min-height:43px;margin-bottom:12px} html.ux-review body:has(.clean-home) .nu-range-badge>span{font-size:13px} html.ux-review .clean-home .nu-range-badge svg{width:18px;height:18px} html.ux-review .clean-home .nu-fresh-steps{padding:34px 0 29px} html.ux-review .clean-home .nu-steps-intro{display:block;margin-bottom:22px} html.ux-review .clean-home .nu-steps-intro h2{font-size:31px} html.ux-review .clean-home .nu-steps-intro>p{font-size:18px;max-width:none;margin-top:16px} html.ux-review .clean-home .nu-steps-intro .flow-kicker{font-size:21px} html.ux-review .clean-home .nu-step-grid{gap:12px} html.ux-review .clean-home .nu-step-grid li{padding:14px 0 18px} html.ux-review .clean-home .nu-step-art{width:88px;height:87px;margin-bottom:18px} html.ux-review .clean-home .nu-step-art>svg{width:50px;height:50px} html.ux-review .clean-home .nu-step-number{width:28px;height:28px;font-size:15px;left:-3px} html.ux-review .clean-home .nu-step-grid h3{font-size:24px;margin-bottom:8px} html.ux-review .clean-home .nu-step-grid p{font-size:15px;line-height:1.4} html.ux-review .clean-home .nu-step-grid p br{display:none} html.ux-review .clean-home .nu-step-grid li:not(:last-child):after{right:-15px;top:46px;font-size:25px} html.ux-review .clean-home .nu-steps-bottom{flex-direction:column;text-align:center;gap:15px;padding-top:18px} html.ux-review .clean-home .nu-steps-bottom p{font-size:14px;line-height:1.4} } @media(max-width:360px){html.ux-review .clean-home .nu-step-art{width:74px;height:76px}html.ux-review .clean-home .nu-step-grid h3{font-size:21px}html.ux-review .clean-home .nu-step-grid p{font-size:14px}} /* Compatibility source: natural-promise-v336.css */ /* A dedicated, unmistakable brand promise before the shopping ranges. */ html.ux-review .clean-home .nu-natural-promise{background:#e4eadb;color:var(--palette-navy);padding:52px 0 42px;border-block:1px solid #09245214;position:relative} html.ux-review .clean-home .nu-natural-intro{text-align:center;max-width:740px;margin:0 auto 30px} html.ux-review .clean-home .nu-natural-seal{display:grid;place-items:center;width:63px;height:61px;background:#fffaf0;border-radius:46% 54% 48% 52%;margin:0 auto 16px;transform:rotate(-8deg)} html.ux-review .clean-home .nu-natural-seal svg{width:38px;height:38px;stroke-width:2.2} html.ux-review .clean-home .nu-natural-intro .flow-kicker{font-family:'Nu Web Reading',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;transform:none;margin:0 0 14px} html.ux-review .clean-home .nu-natural-intro h2{font-size:clamp(40px,4.4vw,60px);line-height:1.07;margin:0 0 18px} html.ux-review body:has(.clean-home) .nu-natural-intro h2 span{font-family:inherit;font-size:inherit;font-weight:700;color:#536a46} html.ux-review .clean-home .nu-natural-intro>p:last-child{font-size:22px;margin:0;line-height:1.4} html.ux-review .clean-home .nu-natural-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0 auto 26px;max-width:960px} html.ux-review .clean-home .nu-natural-grid li{background:#fffdf7;border:1px solid #09245221;border-radius:28px 22px 30px 21px;text-align:center;padding:25px 18px 26px} html.ux-review .clean-home .nu-natural-icon{display:grid;place-items:center;width:60px;height:59px;margin:0 auto 15px;border-radius:47% 53% 46% 54%;background:#f1e7c8} html.ux-review .clean-home .nu-natural-grid li:nth-child(2) .nu-natural-icon{background:#efdad7} html.ux-review .clean-home .nu-natural-grid li:nth-child(3) .nu-natural-icon{background:#e9e0ef} html.ux-review .clean-home .nu-natural-icon svg{width:35px;height:35px;stroke-width:2.2} html.ux-review .clean-home .nu-natural-grid h3{font-size:29px;line-height:1.15;margin:0 0 10px} html.ux-review .clean-home .nu-natural-grid p{font-size:18px;line-height:1.4;color:#3c4c5b;margin:0} html.ux-review .clean-home .nu-natural-link{display:table;margin:0 auto;font-size:18px;text-underline-offset:5px;padding:8px;text-align:center} @media(max-width:850px){html.ux-review .clean-home .nu-natural-promise{padding:33px 0 28px}html.ux-review .clean-home .nu-natural-intro{margin-bottom:23px}html.ux-review .clean-home .nu-natural-intro h2{font-size:40px}html.ux-review .clean-home .nu-natural-intro>p:last-child{font-size:19px}html.ux-review .clean-home .nu-natural-grid{gap:10px;margin-bottom:19px}html.ux-review .clean-home .nu-natural-grid li{padding:19px 8px;border-radius:21px 17px 22px 16px}html.ux-review .clean-home .nu-natural-icon{width:48px;height:48px;margin-bottom:13px}html.ux-review .clean-home .nu-natural-icon svg{width:29px;height:29px}html.ux-review .clean-home .nu-natural-grid h3{font-size:21px;overflow-wrap:normal}html.ux-review .clean-home .nu-natural-grid p{font-size:15px}html.ux-review .clean-home .nu-natural-link{font-size:17px}} @media(max-width:600px){html.ux-review .clean-home .nu-natural-grid{grid-template-columns:1fr;gap:11px}html.ux-review .clean-home .nu-natural-grid li{display:grid;grid-template-columns:54px 1fr;gap:5px 14px;text-align:left;padding:19px}html.ux-review .clean-home .nu-natural-icon{grid-row:1/3;margin:0;align-self:center}html.ux-review .clean-home .nu-natural-grid h3{font-size:26px;margin:0}html.ux-review .clean-home .nu-natural-grid p{font-size:17px}} /* Compatibility source: pouch-single-v341.css */ /* One pack, one consistent frame, four clear flavour choices. */ html.ux-review .clean-home .nu-flavour-hero{--flavour-tint:#f0e7bc;margin-right:0;min-width:0} .nu-flavour-hero[data-flavour=turkey]{--flavour-tint:#ecd9df} .nu-flavour-hero[data-flavour=beef]{--flavour-tint:#DDE5EC} .nu-flavour-hero[data-flavour=lamb]{--flavour-tint:#dfe7d4} .nu-single-stage{position:relative;display:grid;place-items:center;height:430px;isolation:isolate} .nu-single-halo{position:absolute;inset:8% 9% 3%;background:var(--flavour-tint);border-radius:46% 54% 49% 51%;transform:rotate(-6deg);transition:background-color .35s} html.ux-review .clean-home .nu-single-pack{position:relative;display:block;height:100%;width:100%;object-fit:contain;filter:none;opacity:1;transition:opacity .18s ease} html.ux-review .clean-home .nu-single-pack.nu-pack-fading{opacity:0} html.ux-review .clean-home .nu-single-stage .flow-sticker{bottom:3%;right:5%;z-index:2} .nu-single-controls{text-align:center;padding:12px 0 0} html.ux-review body:has(.clean-home) .nu-single-title{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-size:29px;line-height:1.2;margin:0 0 17px} .nu-flavour-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:19px} html.ux-review body:has(.clean-home) .nu-flavour-buttons button{background:#fffdf8;color:var(--palette-navy);border:1px solid #09245255;padding:10px 15px;min-height:44px;border-radius:18px 14px 18px 14px;font-family:'Nu Web Reading',Arial,sans-serif;font-size:17px;font-weight:700;cursor:pointer;box-shadow:none} html.ux-review body:has(.clean-home) .nu-flavour-buttons button[aria-pressed=true]{background:var(--palette-navy);color:#fffdf8;border-color:var(--palette-navy)} html.ux-review body:has(.clean-home) .nu-flavour-buttons button:hover{border-color:var(--palette-navy)} html.ux-review body:has(.clean-home) .nu-single-shop{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:12px 25px;background:var(--palette-navy);color:#fffdf8;border-radius:17px 14px 18px 14px;font-size:17px;font-weight:700;text-decoration:none} .nu-flavour-buttons button:focus-visible,.nu-single-shop:focus-visible{outline:3px solid #a85f75;outline-offset:4px} @media(max-width:850px){html.ux-review .clean-home .nu-flavour-hero{margin:22px 0 25px}.nu-single-stage{height:360px}html.ux-review body:has(.clean-home) .nu-single-title{font-size:27px;margin-bottom:15px}html.ux-review body:has(.clean-home) .nu-flavour-buttons button{font-size:16px;padding:10px 12px}.nu-flavour-buttons{gap:7px}html.ux-review .clean-home .nu-single-stage .flow-sticker{right:0;bottom:5%}} @media(max-width:360px){.nu-single-stage{height:310px}html.ux-review body:has(.clean-home) .nu-flavour-buttons button{padding:9px 10px;font-size:15px}} @media(prefers-reduced-motion:reduce){.nu-single-pack,.nu-single-halo{transition:none}} html.ux-review .clean-home .nu-single-stage>.nu-single-pack{position:absolute;inset:0;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain} html.ux-review .clean-home .nu-flavour-hero[data-flavour=turkey]{--flavour-tint:#ecd9df} html.ux-review .clean-home .nu-flavour-hero[data-flavour=beef]{--flavour-tint:#DDE5EC} html.ux-review .clean-home .nu-flavour-hero[data-flavour=lamb]{--flavour-tint:#dfe7d4} html.ux-review .clean-home .nu-single-stage .nu-meat-badge{width:118px;height:118px;gap:3px;transform:rotate(5deg)} html.ux-review body:has(.clean-home) .nu-meat-badge strong{font-family:'Nudog Aniara',Arial,sans-serif;font-weight:700;font-size:35px;line-height:1} html.ux-review body:has(.clean-home) .nu-meat-badge span{font-family:'Nu Web Reading',Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.15;white-space:normal;text-align:center;max-width:90px} @media(max-width:850px){html.ux-review .clean-home .nu-single-stage .nu-meat-badge{width:100px;height:100px}html.ux-review body:has(.clean-home) .nu-meat-badge strong{font-size:30px}html.ux-review body:has(.clean-home) .nu-meat-badge span{font-size:14px;max-width:78px}} html.ux-review .clean-home .nu-single-stage .nu-meat-badge{background:var(--palette-navy);border-color:var(--palette-navy);color:var(--palette-cream)} html.ux-review body:has(.clean-home) .nu-meat-badge :is(strong,span){color:var(--palette-cream)} .nu-flavour-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:470px;margin-inline:auto} html.ux-review body:has(.clean-home) .nu-flavour-buttons button{min-width:0;padding:10px 8px;white-space:nowrap} @media(max-width:850px){.nu-flavour-buttons{gap:6px}html.ux-review body:has(.clean-home) .nu-flavour-buttons button{padding:10px 4px;font-size:16px}} @media(max-width:360px){html.ux-review body:has(.clean-home) .nu-flavour-buttons button{font-size:14px;padding-inline:3px}} /* Recipe accompaniments follow the selected Fresh flavour. */ html.ux-review body:has(.clean-home) .nu-single-title{margin-bottom:5px} html.ux-review body:has(.clean-home) .nu-single-ingredients{font-size:17px;font-weight:400;line-height:1.35;color:var(--palette-navy);margin:0 auto 17px;max-width:36ch;padding-inline:8px;min-height:2.7em;display:flex;align-items:flex-start;justify-content:center} @media(max-width:850px){html.ux-review body:has(.clean-home) .nu-single-ingredients{font-size:16px;margin-bottom:15px}} /* Keep the selected recipe name visually stronger than its ingredients. */ html.ux-review body #app .clean-home .nu-single-controls .nu-single-title{font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:700} /* Compatibility source: hero-baloo-v346.css */ @font-face{font-family:'Nu Baloo 2';src:url('/__l5e/assets-v1/d6b54ae3-537b-419e-b746-d2a87a6b3631/nudog-web-baloo2.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap} html.ux-review body:has(.clean-home) .flow-hero-copy h1,html.ux-review .clean-home .flow-hero-copy h1>span{font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:700;font-synthesis:none;letter-spacing:-.02em;line-height:1.08} /* Font license: /nudog/baloo2-OFL.txt */ html.ux-review .clean-home .flow-hero-copy h1>span{color:var(--palette-navy)} /* Compatibility source: baloo-primary-v347.css */ /* Card contracts precede legacy layers: important layer order is reversed. */ @layer nudog-card-typography; /* Primary website typography, explicitly selected by the user. */ @font-face{font-family:'Nu Baloo 2';src:url('/__l5e/assets-v1/d6b54ae3-537b-419e-b746-d2a87a6b3631/nudog-web-baloo2.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap} @layer baloo-primary { html.ux-review body,html.ux-review body :is(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,li,dt,dd,label,legend,summary,button,input,select,textarea,blockquote,figcaption,th,td,div){font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review body,html.ux-review body :is(p,li,small,dt,dd,label,legend,input,select,textarea,blockquote,figcaption,td){font-weight:400} html.ux-review body :is(h1,h2,h3,h4,h5,h6),html.ux-review body :is(h1,h2,h3,h4,h5,h6) span,html.ux-review body :is(strong,b,button,.btn,th){font-weight:700} html.ux-review body :is(.brand-accent,.flow-kicker,.eyebrow,.clean-why-signoff){font-family:'Nu Baloo 2',Arial,sans-serif;font-weight:600} } /* Font license: /nudog/baloo2-OFL.txt */ /* Compatibility source: focused-refresh-v352.css */ /* Focused brand revision. Footer and FAQ retain their existing styling. */ body:has(.clean-home) .announce{display:block;background:var(--palette-navy);color:var(--palette-cream);text-align:center;padding:8px 12px;font-size:14px;line-height:1.4} body:has(.clean-home) .announce a{color:var(--palette-cream);white-space:nowrap;text-decoration:none} body:has(.clean-home) .announce-shipping{display:none} html.ux-review .clean-home .flow-hero{background:var(--palette-cream)} html.ux-review .clean-home .flow-kicker{color:var(--palette-navy)} /* Flavour tint is set by fresh-backdrops-v437.css. */ html.ux-review .clean-home .nu-single-stage{height:490px} html.ux-review .clean-home .nu-single-halo{display:none} html.ux-review .clean-home .nu-single-controls{padding-top:6px} html.ux-review .clean-home .nu-single-stage>.nu-single-pack{filter:none} html.ux-review .clean-home .nu-proof-line{font-size:14px;line-height:1.45;max-width:460px;margin:0 0 20px;color:#3c4c5b} .nu-proof-line a{text-underline-offset:3px;white-space:nowrap} html.ux-review .clean-home :is(.nu-easy-icons li>span:first-child,.nu-range-badge,.nu-step-art,.nu-product-benefits li){background:#f1f1ed;color:var(--palette-navy)} html.ux-review .clean-home :is(.clean-range-section,.nu-fresh-steps,.clean-journal){background:var(--palette-cream)} html.ux-review .clean-home .clean-range-card:before{background:var(--palette-navy);height:3px} html.ux-review .clean-home .clean-ranges .sectionhead:after{background-image:url('/__l5e/assets-v1/bc3898f1-632a-409d-8a54-c0f1db1d001e/nudog-character-navy-v314.svg');opacity:1} html.ux-review .clean-home .nu-range-badge svg{stroke:var(--palette-navy)} html.ux-review .clean-home .clean-range-price strong{font-size:24px;font-weight:700} html.ux-review .clean-home .nu-saving-tag{display:table;font-size:12px;padding:4px 7px;border:1px solid #09245225;border-radius:7px;margin-top:7px;background:#f6f5f0;color:var(--palette-navy)} html.ux-review .clean-home .clean-mixed{background:var(--palette-panel)} html.ux-review .clean-home .clean-mixed-copy{background:var(--palette-cream);border-color:#09245220} html.ux-review .clean-home .clean-mixed-image:before{background:var(--palette-cream)} html.ux-review .clean-home .nu-natural-promise{background:#e4eadb} html.ux-review .clean-home .nu-natural-seal{background:transparent;width:58px;height:74px;transform:none} .nu-natural-seal img{width:100%;height:100%;object-fit:contain} html.ux-review .clean-home .nu-natural-grid .nu-natural-icon{background:#e4eadb;color:var(--palette-navy)} html.ux-review .clean-home .nu-natural-intro h2{color:var(--palette-navy)} html.ux-review .clean-home .clean-benefit-section{background:var(--palette-navy)} html.ux-review .clean-home .clean-benefit-section .flow-kicker{color:var(--palette-cream)} html.ux-review .clean-home .flow-why-intro img{filter:grayscale(1) brightness(0) invert(1)} html.ux-review .clean-home .clean-proof-grid article>span{background:var(--palette-cream)} html.ux-review .clean-home .clean-proof-grid .nu-benefit-mark{width:25px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(12%) sepia(39%) saturate(2023%) hue-rotate(188deg)} html.ux-review .clean-home .clean-review-section{background:#f3f2ed} html.ux-review .clean-home .clean-review-layout .eyebrow{color:var(--palette-navy)} html.ux-review .clean-home .clean-journal .eyebrow{color:var(--palette-navy)} html.ux-review .clean-home .journal-track{grid-auto-columns:calc((100% - 40px)/3)} #mixed-box-offer{scroll-margin-top:24px} @media(max-width:850px){html.ux-review .clean-home .nu-single-stage{height:420px}html.ux-review .clean-home .nu-proof-line{order:3;max-width:none;font-size:13px;margin-bottom:0}html.ux-review .clean-home .journal-track{grid-auto-columns:82%}body:has(.clean-home) .announce{font-size:13px;padding-block:7px}} @media(max-width:360px){html.ux-review .clean-home .nu-single-stage{height:355px}body:has(.clean-home) .announce{font-size:12px}} html.ux-review .clean-home .nu-natural-icon .nu-benefit-mark{width:28px;height:40px;object-fit:contain;filter:brightness(0) saturate(100%) invert(12%) sepia(39%) saturate(2023%) hue-rotate(188deg)} body:has(.clean-home) header .header-slogan,body:has(.clean-home) header .header-slogan span{color:var(--palette-navy)} /* Keep homepage mascots for active storytelling; benefit symbols stand alone. */ .home-page .nu-home-copy-only{grid-template-columns:1fr;max-width:900px;margin-inline:auto}.home-page .nu-easy-icons>li>span:first-child{background:transparent}.home-page .nu-easy-icons>li>span:first-child>svg{width:48px;height:48px}.home-page .nu-life-icon>svg{width:48px;height:48px} /* Compatibility source: audit-refinements-v354.css */ /* Audit implementation: hierarchy, clear offer path, useful product detail. */ .nu-recipe-link{display:inline-block;padding:9px 12px;margin-top:9px;font-size:16px;text-underline-offset:4px;color:var(--palette-navy);min-height:44px} html.ux-review .clean-home .nu-natural-promise{padding-block:38px 32px} html.ux-review .clean-home .nu-natural-intro{margin-bottom:23px} html.ux-review .clean-home .nu-natural-grid li{padding-block:21px} html.ux-review .clean-home .nu-unit-price{display:block;font-size:15px;line-height:1.35;margin-top:5px;color:#3c4c5b} html.ux-review .clean-home .clean-range-price .nu-saving-tag{font-size:13px;line-height:1.3} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){min-height:52px} html.ux-review .clean-home .nu-fresh-steps{padding-block:40px 30px} html.ux-review .clean-home .nu-steps-intro{margin-bottom:23px} .nu-serving-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center} .nu-food-photo{margin:0} .nu-food-photo svg{display:block;width:100%;height:310px;background:#f7f5ef;border-radius:23px 18px 25px 19px} .nu-food-photo figcaption{font-size:12px;line-height:1.4;color:#52606b;margin-top:9px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid{grid-template-columns:1fr;gap:16px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid li{display:grid;grid-template-columns:76px 1fr;gap:4px 18px;text-align:left;padding:0} html.ux-review .clean-home .nu-serving-layout .nu-step-art{grid-row:1/3;width:68px;height:67px;margin:0} html.ux-review .clean-home .nu-serving-layout .nu-step-art>svg{width:39px;height:39px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid h3{font-size:25px;margin:0;align-self:end} html.ux-review .clean-home .nu-serving-layout .nu-step-grid p{font-size:17px;line-height:1.35} html.ux-review .clean-home .nu-serving-layout .nu-step-grid li:after{display:none} html.ux-review .clean-home .clean-review-section{padding:26px 0} html.ux-review .clean-home .clean-review-layout{grid-template-columns:105px 1.2fr 1fr;gap:20px;padding-bottom:0;align-items:center} html.ux-review .clean-home .flow-dog-photo{grid-row:1;grid-column:1;height:120px;max-width:105px;margin:0} html.ux-review .clean-home .flow-dog-photo img{height:120px;padding:0} html.ux-review .clean-home .clean-review-layout>div:nth-child(2){grid-column:2;align-self:center} html.ux-review .clean-home .clean-review-layout h2{font-size:29px;margin:7px 0} html.ux-review .clean-home .clean-review-layout p{font-size:17px;margin:0} html.ux-review .clean-home .clean-review-actions{grid-column:3;grid-row:1;align-self:center;padding:0} html.ux-review .clean-home .clean-journal{padding-block:38px} html.ux-review .clean-home .clean-benefit-section{padding-block:40px} @media(max-width:850px){ html.ux-review .clean-home .flow-hero-inner{padding-top:23px} html.ux-review .clean-home .flow-hero .clean-main-action{order:3;margin-top:17px} html.ux-review .clean-home .flow-hero-offer{order:3;margin-top:12px;margin-bottom:6px} html.ux-review .clean-home .nu-easy-icons{order:4;margin-top:18px} html.ux-review .clean-home .nu-flavour-hero{order:5;margin-top:15px;margin-bottom:4px} html.ux-review .clean-home .nu-single-stage{height:355px} html.ux-review .clean-home .nu-natural-promise{padding-block:28px} html.ux-review .clean-home .nu-natural-grid li{padding:17px} html.ux-review .clean-home .nu-natural-grid p{font-size:16px} html.ux-review .clean-home .nu-unit-price{font-size:14px} html.ux-review .clean-home .clean-range-price .nu-saving-tag{font-size:12px;padding:5px 6px} html.ux-review .clean-home .clean-range-copy h3{font-size:22px} .nu-serving-layout{grid-template-columns:1fr;gap:23px} .nu-food-photo svg{height:240px} html.ux-review .clean-home .nu-steps-intro h2{font-size:30px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid{gap:17px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid h3{font-size:24px} html.ux-review .clean-home .nu-serving-layout .nu-step-grid p{font-size:16px} html.ux-review .clean-home .nu-steps-intro>p{font-size:18px} html.ux-review .clean-home .clean-review-layout{grid-template-columns:65px 1fr;gap:13px} html.ux-review .clean-home .flow-dog-photo{grid-row:1;grid-column:1;height:95px;margin:0;max-width:none} html.ux-review .clean-home .flow-dog-photo img{height:95px;padding:0} html.ux-review .clean-home .clean-review-layout>div:nth-child(2){grid-column:2} html.ux-review .clean-home .clean-review-layout h2{font-size:25px} html.ux-review .clean-home .clean-review-actions{grid-column:1/-1;grid-row:2;align-items:flex-start;margin-top:5px} body:has(.clean-home) .chat-launcher{width:48px;height:48px;min-width:48px;min-height:48px;right:12px;bottom:14px;border-radius:15px} body:has(.clean-home) .chat-launcher svg{width:25px;height:25px} } @media(max-width:360px){html.ux-review .clean-home .nu-single-stage{height:315px}} .nu-food-photo svg{overflow:hidden} /* Compatibility source: range-horizontal-v356.css */ /* Compact horizontal range cards: pack beside the buying information. */ html.ux-review .clean-home .clean-range-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible} html.ux-review .clean-home .clean-range-card{display:grid;grid-template-columns:35% minmax(0,1fr);align-items:stretch;border-radius:23px} html.ux-review .clean-home .clean-range-image{height:auto;min-height:260px;padding:23px 12px;display:flex;align-items:center;justify-content:center} html.ux-review .clean-home .clean-range-image :is(img,svg){max-height:230px;width:100%;height:230px;object-fit:contain} html.ux-review .clean-home .clean-range-copy{padding:20px 20px 18px 8px;min-width:0} html.ux-review .clean-home .clean-range-copy h3{font-size:25px;margin-bottom:7px} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){min-height:0;font-size:17px;line-height:1.35;margin-bottom:12px} html.ux-review .clean-home .nu-range-badge{margin-bottom:10px;min-height:0;padding:6px 8px} html.ux-review .clean-home .clean-range-copy .clean-range-price{margin:0 0 10px} html.ux-review .clean-home .clean-range-price strong{font-size:23px;white-space:nowrap} html.ux-review .clean-home .clean-range-copy .nu-unit-price{font-size:14px} html.ux-review .clean-home .clean-range-copy .nu-saving-tag{font-size:12px} html.ux-review .clean-home .clean-range-link{padding-top:10px;min-height:38px} html.ux-review .clean-home .clean-swipe-hint{display:none} @media(max-width:850px){ html.ux-review .clean-home .clean-range-carousel{grid-template-columns:1fr;gap:14px} html.ux-review .clean-home .clean-range-card{grid-template-columns:33% minmax(0,1fr)} html.ux-review .clean-home .clean-range-image{min-height:230px;padding:18px 8px} html.ux-review .clean-home .clean-range-image :is(img,svg){height:205px;max-height:205px} html.ux-review .clean-home .clean-range-copy{padding:17px 16px 15px 5px} html.ux-review .clean-home .clean-range-copy h3{font-size:23px} html.ux-review .clean-home .clean-range-copy>p:not(.clean-range-price){font-size:16px;margin-bottom:9px} html.ux-review .clean-home .clean-range-price strong{font-size:22px} html.ux-review .clean-home .nu-range-badge>span{font-size:12px} html.ux-review .clean-home .nu-range-badge svg{width:17px;height:17px} } @media(max-width:360px){html.ux-review .clean-home .clean-range-card{grid-template-columns:30% minmax(0,1fr)}html.ux-review .clean-home .clean-range-copy{padding-right:12px}html.ux-review .clean-home .clean-range-copy h3{font-size:21px}} /* Clear navy card frames replace the decorative top stripes. */ html.ux-review .clean-home .clean-range-card:before{display:none;content:none} html.ux-review .clean-home .clean-range-card{border:1.5px solid var(--palette-navy);box-shadow:none} html.ux-review .clean-home .clean-range-card:hover{border-color:var(--palette-navy);box-shadow:none} /* Compatibility source: planner-sage-v359.css */ /* Feeding planner panel matches the brand promise sage. */ html.ux-review .food-plan .plan-fields{background:#e4eadb} /* Compatibility source: benefits-compact-v361.css */ html.ux-review .clean-home .flow-why-intro{grid-template-columns:minmax(0,1fr) 75px;gap:20px;margin-bottom:24px;max-width:850px;margin-inline:auto} html.ux-review .clean-home .flow-why-intro img{width:65px;height:95px;justify-self:end;transform:none} html.ux-review .clean-home .flow-why-intro h2{font-size:38px;margin-bottom:0} html.ux-review .clean-home .flow-why-intro .flow-kicker{font-size:13px;letter-spacing:.05em;margin-bottom:12px} html.ux-review .clean-home .clean-proof-grid{max-width:850px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px} html.ux-review .clean-home .clean-proof-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px 16px;border-top:1px solid color-mix(in srgb, var(--palette-cream) 25.1%, transparent);padding:21px 0;align-content:start} html.ux-review .clean-home .clean-proof-grid article>span{grid-column:1;grid-row:1/3;width:45px;height:45px;margin:0;align-self:start} html.ux-review .clean-home .clean-proof-grid article h3{grid-column:2;font-size:24px;line-height:1.25;margin:0} html.ux-review .clean-home .clean-proof-grid article p{grid-column:2;font-size:17px;line-height:1.45;margin:0} html.ux-review body:has(.clean-home) .nu-benefit-action{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:32px;margin:17px auto 0;background:var(--palette-cream);color:var(--palette-navy);border-color:var(--palette-cream);min-height:48px;padding:12px 23px} html.ux-review body:has(.clean-home) .nu-benefit-action span{color:var(--palette-navy)} @media(max-width:850px){html.ux-review .clean-home .clean-benefit-section{padding-block:31px}html.ux-review .clean-home .flow-why-intro{grid-template-columns:minmax(0,1fr) 49px;gap:15px;margin-bottom:17px}html.ux-review .clean-home .flow-why-intro img{height:74px;width:49px}html.ux-review .clean-home .flow-why-intro h2{font-size:29px;line-height:1.13}html.ux-review .clean-home .flow-why-intro .flow-kicker{font-size:11px;line-height:1.3;margin-bottom:10px}html.ux-review .clean-home .clean-proof-grid{grid-template-columns:1fr;gap:0}html.ux-review .clean-home .clean-proof-grid article{grid-template-columns:43px minmax(0,1fr);gap:5px 14px;padding:18px 0}html.ux-review .clean-home .clean-proof-grid article>span{width:40px;height:40px}html.ux-review .clean-home .clean-proof-grid article>span svg{width:25px;height:25px}html.ux-review .clean-home .clean-proof-grid article h3{font-size:22px}html.ux-review .clean-home .clean-proof-grid article p{font-size:16px;line-height:1.4}html.ux-review body:has(.clean-home) .nu-benefit-action{width:100%;margin-top:10px}} /* Centre every symbol inside its circular badge. */ html.ux-review .clean-home .clean-proof-grid article>span{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%} html.ux-review .clean-home .clean-proof-grid article>span svg{display:block;flex:none;width:25px;height:25px;margin:0;transform:none} /* Compatibility source: promise-four-v363.css */ html.ux-review .clean-home .nu-natural-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px} html.ux-review .clean-home .nu-natural-grid li:nth-child(4) .nu-natural-icon{background:#e4eadb} @media(max-width:600px){html.ux-review .clean-home .nu-natural-grid{grid-template-columns:1fr}} html.ux-review .clean-home .nu-natural-icon .nu-life-dog{width:29px;height:43px;object-fit:contain} /* Compatibility source: transparency-mark-v367.css */ /* One connected illustration: the original NuDog holds the inspection lens. */ html.ux-review .clean-home button.nu-natural-seal.nu-transparency-mark{display:block;position:relative;width:168px;height:126px;margin:0 auto 19px;padding:0;border:0;border-radius:14px;background:transparent;transform:none;box-shadow:none;cursor:pointer;appearance:none;touch-action:manipulation} html.ux-review .clean-home .nu-transparency-mark .nu-dog-inspector{display:block;width:100%;height:100%;overflow:visible} html.ux-review .clean-home button.nu-transparency-mark:focus-visible{outline:3px solid var(--palette-denim);outline-offset:8px} .nu-inspector-arm{transform-origin:55px 91px} .nu-inspected-carrot{transform-origin:34px 40px} .nu-lens-glint{opacity:.8} .nu-transparency-mark.nu-inspect-once .nu-inspector-arm{animation:nu-held-inspection 2.2s cubic-bezier(.4,0,.2,1) both} .nu-transparency-mark.nu-inspect-once .nu-inspected-carrot{animation:nu-carrot-magnify 2.2s cubic-bezier(.4,0,.2,1) both} .nu-transparency-mark.nu-inspect-once .nu-lens-glint{animation:nu-inspection-glint 2.2s ease-in-out both} @keyframes nu-held-inspection{0%,100%{transform:rotate(0)}28%{transform:rotate(-9deg)}46%,68%{transform:rotate(-5deg)}82%{transform:rotate(2deg)}} @keyframes nu-carrot-magnify{0%,22%,100%{transform:scale(1)}46%,68%{transform:scale(1.3)}82%{transform:scale(1.06)}} @keyframes nu-inspection-glint{0%,100%{opacity:.5}46%,68%{opacity:1}} @media(prefers-reduced-motion:reduce){html.ux-review .nu-transparency-mark.nu-inspect-once .nu-inspector-arm,html.ux-review .nu-transparency-mark.nu-inspect-once .nu-inspected-carrot,html.ux-review .nu-transparency-mark.nu-inspect-once .nu-lens-glint{animation:none}} /* Compatibility source: nudog-claim-system-v368.css */ /* Shared claim illustrations. Brand character and symbol stay separate. */ html.ux-review body .nu-claim-host{background:transparent;border:0;border-radius:0;width:76px;height:62px;min-width:76px;padding:0;display:grid;place-items:center;transform:none} html.ux-review body .nu-claim-scene{position:relative;display:block;width:76px;height:62px;min-height:0;border:0;border-radius:12px;padding:0;margin:0;background:transparent;box-shadow:none;color:var(--palette-navy);cursor:default;overflow:visible} html.ux-review body button.nu-claim-scene{cursor:pointer;touch-action:manipulation} html.ux-review body .nu-claim-scene:focus-visible{outline:3px solid #8c9c7a;outline-offset:4px} html.ux-review body .nu-claim-scene>.nu-claim-dog{position:absolute;left:0;bottom:0;width:39px;height:58px;max-height:none;max-width:none;object-fit:contain;filter:none;padding:0;margin:0;transform-origin:50% 95%} html.ux-review body .nu-claim-scene>.nu-claim-puppy{position:absolute;right:2px;bottom:0;width:26px;height:39px;object-fit:contain;filter:none;padding:0;transform-origin:50% 95%} html.ux-review body .nu-claim-scene>svg{position:absolute;right:0;top:12px;width:31px;height:31px;flex:none;filter:none;margin:0;transform-origin:50% 50%;color:inherit} html.ux-review .clean-home .clean-proof-grid article{grid-template-columns:76px minmax(0,1fr)} html.ux-review .clean-home .clean-proof-grid .nu-claim-host{background:var(--palette-cream);border-radius:14px;width:76px;height:67px} html.ux-review .clean-home .clean-proof-grid .nu-claim-scene{transform:scale(.86)} html.ux-review .clean-home .nu-easy-icons li{gap:11px} html.ux-review .clean-home .nu-natural-grid .nu-claim-host{margin:0 auto 15px} .nu-claim-detail{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 16px;align-content:start} .nu-claim-detail>.nu-claim-host{grid-column:1;grid-row:1/4;align-self:start} .nu-claim-detail>:not(.nu-claim-host){grid-column:2} .nu-claim-react .nu-claim-dog{animation:nu-claim-dog-hello .9s ease-in-out both} .nu-claim-react>svg,.nu-claim-react .nu-claim-puppy{animation:nu-claim-detail-hello .9s ease-in-out both} @keyframes nu-claim-dog-hello{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-5deg) translateY(-3px)}70%{transform:rotate(3deg) translateY(-1px)}} @keyframes nu-claim-detail-hello{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-4px) rotate(7deg)}75%{transform:translateY(-1px) rotate(-3deg)}} @media(max-width:600px){html.ux-review .clean-home .nu-natural-grid li{grid-template-columns:76px minmax(0,1fr);column-gap:15px}html.ux-review .clean-home .nu-natural-grid .nu-claim-host{margin:0;align-self:center}html.ux-review .clean-home .clean-proof-grid article{grid-template-columns:76px minmax(0,1fr);gap:5px 15px}html.ux-review .clean-home .nu-easy-icons li{gap:10px}} @media(prefers-reduced-motion:reduce){.nu-claim-scene *{animation:none;transition:none}} html.ux-review .clean-home .nu-natural-grid .nu-natural-icon.nu-claim-host{background:transparent} /* Compatibility source: product-horizontal-v374.css */ /* The shared catalogue card uses the homepage's image-left composition. */ html.ux-review body .product-card-grid,html.ux-review body .product-card-grid.fresh-five{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} html.ux-review body .product-card-grid>.recipe-card{display:grid;grid-template-columns:32% minmax(0,1fr);grid-template-rows:auto auto;align-content:start;padding:16px;gap:0 16px;border:1.5px solid var(--palette-navy);border-radius:23px;background:var(--palette-cream);box-shadow:none} html.ux-review body .product-card-grid>.recipe-card:before{display:none;content:none} html.ux-review body .recipe-card>.productimage{grid-column:1;grid-row:1/3;align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;width:100%;height:auto;min-height:0;flex:none;padding:0;overflow:visible;background:var(--palette-cream)} html.ux-review body .recipe-card>.productimage>:is(img,svg.packvisual){width:100%;height:235px;max-height:235px;aspect-ratio:auto;object-fit:contain;padding:0;transform:none} html.ux-review body .recipe-card .food-peek{display:none} html.ux-review body .recipe-card .card-concept{position:static;display:block;font-size:10px;line-height:1.3;text-align:center;margin-top:5px;padding:0;background:none} html.ux-review body .recipe-card>.card-body{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:6px;padding:0;min-width:0} html.ux-review body .recipe-card .card-body h3{font-size:25px;line-height:1.15;min-height:0;margin:0} html.ux-review body .recipe-card .card-range{font-size:11px;line-height:1.3;letter-spacing:.04em} html.ux-review body .recipe-card .card-pack{font-size:15px;line-height:1.3;min-height:0;margin:0} html.ux-review body .recipe-card .bundle-recommendation{position:static;display:block;max-width:100%;margin:0 0 5px;padding:6px 8px;font-size:12px;line-height:1.3;border-radius:9px;background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body .recipe-card .card-pricing-simple{margin:5px 0 0;padding:9px 0 0;min-height:0;gap:4px} html.ux-review body .recipe-card .card-main-price{gap:2px 5px;line-height:1.2} html.ux-review body .recipe-card .card-price-prefix{font-size:13px} html.ux-review body .recipe-card .card-price-amount{font-size:25px;color:var(--palette-navy)} html.ux-review body .recipe-card :is(.card-price-context,.card-oneoff-price,.card-offer-terms){font-size:13px;line-height:1.35;min-height:0;margin:0} html.ux-review body .recipe-card .ux-card-details{margin-top:7px;padding:9px 0} html.ux-review body .recipe-card .ux-card-details summary{font-size:14px;line-height:1.3;min-height:36px;align-items:center} html.ux-review body .recipe-card .ux-card-details :is(p,.suitability-badge){font-size:14px;line-height:1.4} html.ux-review body .recipe-card>.card-action{grid-column:2;grid-row:2;width:100%;margin:9px 0 0;padding:11px 9px;min-height:44px;font-size:15px;line-height:1.3;align-self:end} html.ux-review body .recipe-card>.treat-quick-buy{grid-column:2;grid-row:2;padding:10px 0 0;margin:0;min-width:0} html.ux-review body .recipe-card .treat-quick-buy :is(label,.treat-quantity-help){font-size:13px;line-height:1.3;margin:0} html.ux-review body .recipe-card .treat-quick-buy .quantity-stepper{max-width:140px;margin:7px 0} html.ux-review body .recipe-card .treat-quick-buy .card-action{width:100%;margin:7px 0 0;padding:11px 8px;font-size:15px;min-height:44px} @media(max-width:850px){html.ux-review body .product-card-grid,html.ux-review body .product-card-grid.fresh-five{grid-template-columns:minmax(0,1fr);gap:16px}html.ux-review body .product-card-grid>.recipe-card{padding:16px 13px;gap:0 13px;grid-template-columns:31% minmax(0,1fr)}html.ux-review body .recipe-card .card-body h3{font-size:23px}html.ux-review body .recipe-card>.productimage>:is(img,svg.packvisual){height:205px;max-height:205px}} @media(max-width:360px){html.ux-review body .product-card-grid>.recipe-card{grid-template-columns:28% minmax(0,1fr);gap:0 10px;padding:14px 10px}html.ux-review body .recipe-card .card-body h3{font-size:21px}} /* Keep supporting recipe ingredients visible below the recipe name. */ html.ux-review body .recipe-card .card-body>.card-ingredients{display:block;font-size:14px;line-height:1.4;color:var(--palette-slate);min-height:0;margin:0 0 3px;max-width:100%;overflow-wrap:break-word} /* Show each mixed-box flavour at full column width. */ html.ux-review body .recipe-card .mix-pouch-stack{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 0} html.ux-review body .recipe-card .mix-pouch-stack>img{display:block;width:100%;height:auto;max-height:145px;aspect-ratio:2/3;object-fit:contain;padding:0;margin:0;transform:none} /* Compatibility source: site-theme-v378.css */ /* Shared interior-page theme, matched to the approved homepage. */ html.ux-review body:not(:has(.clean-home)){ --ink:var(--palette-navy);--soft:#f3f2ed;--line:#dedfd8;--sage:#879b75;--clay:#b57f76;--shopping-accent:var(--palette-navy); --nu-paper:var(--palette-cream);--nu-sage:#e4eadb;--nu-blush:var(--palette-panel);--nu-muted:var(--palette-slate); background:var(--nu-paper);color:var(--ink) } html.ux-review body:not(:has(.clean-home)) :is(button,input,select,textarea){font-synthesis:none} html.ux-review body:not(:has(.clean-home)) :is(header,.mobile-menu-panel,.range-navigation){color:var(--ink);border-color:var(--line);background:var(--nu-paper)} html.ux-review body:not(:has(.clean-home)) .range-navigation{background:#f4f1e9} html.ux-review body:not(:has(.clean-home)) .announce{background:var(--ink);color:var(--palette-cream);font-size:14px;line-height:1.4;padding:8px 12px} html.ux-review body:not(:has(.clean-home)) .announce a{color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) #main{background:var(--nu-paper)} html.ux-review body:not(:has(.clean-home)) #main>.wrap, html.ux-review body:not(:has(.clean-home)) .info-content{padding-block:clamp(32px,5vw,64px)} html.ux-review body:not(:has(.clean-home)) #main :is(h1,h2,h3,h4){color:var(--ink);letter-spacing:0;line-height:1.16} html.ux-review body:not(:has(.clean-home)) #main h1{font-size:clamp(34px,4.5vw,58px);max-width:22ch;margin:0 0 22px} html.ux-review body:not(:has(.clean-home)) #main h2{font-size:clamp(27px,3vw,40px);margin-block:0 18px} html.ux-review body:not(:has(.clean-home)) #main :is(.eyebrow,.label,.card-range){color:var(--ink);letter-spacing:.065em} html.ux-review body:not(:has(.clean-home)) #main :is(.lead,.info-prose p,.article-body p,.article-body li){font-size:clamp(18px,1.7vw,20px);line-height:1.6;color:var(--nu-muted)} html.ux-review body:not(:has(.clean-home)) #main .brand-accent{color:var(--ink);font-size:clamp(23px,2.6vw,30px);line-height:1.3} html.ux-review body:not(:has(.clean-home)) .btn{border:1.5px solid var(--ink);border-radius:14px;background:var(--ink);color:var(--palette-cream);box-shadow:none;line-height:1.35;min-height:48px} html.ux-review body:not(:has(.clean-home)) .btn:is(.alt,.secondary){background:var(--nu-paper);color:var(--ink)} html.ux-review body:not(:has(.clean-home)) .btn:hover{background:var(--palette-navy);border-color:var(--palette-navy);color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9c7d9e;outline-offset:4px} html.ux-review body:not(:has(.clean-home)) #main :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea){border:1px solid #a7b0b6;border-radius:12px;background:var(--palette-cream);color:var(--ink);min-height:48px;padding:11px 13px} html.ux-review body:not(:has(.clean-home)) #main :is(input[type=radio],input[type=checkbox],input[type=range]){accent-color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main :is(.chip,.choice label){border-color:var(--line);border-radius:14px;color:var(--ink);background:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) #main .chip.active{background:var(--ink);border-color:var(--ink);color:var(--palette-cream)} /* Product and shopping surfaces retain their functional grid and image sizing. */ html.ux-review body:not(:has(.clean-home)) #main :is(.purchase-panel,.account-panel,.checkout-summary,.stockist-form,.info-contact-form,.info-tiles article,.journal-card){background:var(--palette-cream);border:1.5px solid var(--ink);border-radius:23px;box-shadow:none} html.ux-review body:not(:has(.clean-home)) #main :is(.purchase-panel,.account-panel,.checkout-summary,.stockist-form,.info-contact-form){padding:clamp(18px,2.5vw,28px)} html.ux-review body:not(:has(.clean-home)) #main :is(.plan-fields,.plan-price-panel,.feeding-tool,.offer-eligibility,.basket-welcome){background:var(--nu-sage);border:1px solid #cbd5be;border-radius:18px;color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main :is(.trial-price-panel,.trial-offer-badge){background:var(--nu-blush);border-color:#d8b9b8;color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main :is(.subscription-saving,.saving-badge,.info-badge,.suitability-badge,.card-biotics,.biotics-badge){background:#f1f1ed;color:var(--ink);border-color:var(--line);border-radius:12px} html.ux-review body:not(:has(.clean-home)) #main :is(.bigimage,.gallery-main,.productimage){background:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) #main :is(.product-info-section,.ux-card-details,.cartrow,.carttotal,.checkout-total){border-color:var(--line)} html.ux-review body:not(:has(.clean-home)) #main :is(.product-info-section>summary,.ux-card-details>summary){color:var(--ink);line-height:1.4;min-height:48px} /* Information pages share the homepage's navy feature section and cream paper. */ html.ux-review body:not(:has(.clean-home)) .info-hero{background:var(--ink);color:var(--palette-cream);border:0;border-radius:0 0 28px 28px} html.ux-review body:not(:has(.clean-home)) #main .info-hero :is(h1,h2,h3,.lead,.eyebrow,.brand-accent,.info-back){color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) .info-hero h1 span{color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) .info-hero .btn{background:var(--palette-cream);color:var(--ink);border-color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) .info-hero .btn.alt{background:transparent;color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) .info-hero :is(.info-hero-image,.info-badge){background:color-mix(in srgb, var(--palette-cream) 7.06%, transparent);color:var(--palette-cream);border-color:color-mix(in srgb, var(--palette-cream) 25.1%, transparent);border-radius:20px} html.ux-review body:not(:has(.clean-home)) #main :is(.info-prose,.article-body){max-width:72ch} html.ux-review body:not(:has(.clean-home)) #main :is(.info-section,.info-faqs details){border-color:var(--line)} html.ux-review body:not(:has(.clean-home)) #main :is(.info-steps article,.comparison-next,.article-note){background:#f3f2ed;border-color:var(--line);border-radius:18px;color:var(--ink)} /* Editorial cards and reading pages use the same rounded cards and quiet accents. */ html.ux-review body:not(:has(.clean-home)) .journal-card{overflow:hidden} html.ux-review body:not(:has(.clean-home)) .journal-card .journal-copy{padding:22px} html.ux-review body:not(:has(.clean-home)) .journal-card h3{font-size:clamp(23px,2vw,28px);line-height:1.2} html.ux-review body:not(:has(.clean-home)) .journal-article .article-photo{border-radius:23px} html.ux-review body:not(:has(.clean-home)) .article-body h2{margin-top:34px} html.ux-review body:not(:has(.clean-home)) #main :is(.article-body,.info-prose) a{text-decoration:underline;text-underline-offset:4px} html.ux-review body:not(:has(.clean-home)) footer{background:var(--ink);color:var(--palette-cream)} @media(max-width:700px){ html.ux-review body:not(:has(.clean-home)) #main>.wrap{padding-inline:5%} html.ux-review body:not(:has(.clean-home)) #main .info-hero h1{max-width:100%;font-size:clamp(34px,8.5vw,44px)} html.ux-review body:not(:has(.clean-home)) .info-hero{border-radius:0 0 22px 22px} html.ux-review body:not(:has(.clean-home)) .journal-card .journal-copy{padding:18px} html.ux-review body:not(:has(.clean-home)) .buttons{gap:12px} html.ux-review body:not(:has(.clean-home)) #main :is(.info-prose,.article-body){width:100%;max-width:100%} html.ux-review body:not(:has(.clean-home)) #main :is(.info-prose,.article-body) :is(table,img){max-width:100%} } /* Keep reversed feature panels readable and remove remaining legacy clay links. */ html.ux-review body:not(:has(.clean-home)) header .account-link{color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main .gallery-benefits{background:var(--ink);color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) #main .gallery-benefits :is(h2,.eyebrow,strong,span){color:var(--palette-cream)} html.ux-review body:not(:has(.clean-home)) #main :is(.info-tiles>*,.info-contact-grid>*,.comparison-grid>article){background:var(--palette-cream);border:1.5px solid var(--ink);border-radius:23px} html.ux-review body:not(:has(.clean-home)) #main .info-help{background:var(--nu-sage);color:var(--ink);border-radius:23px} /* Both comparison cards now have light surfaces; reset the former reversed text. */ html.ux-review body:not(:has(.clean-home)) #main .comparison-card{color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main .comparison-card :is(.comparison-top p,dt,dd){color:var(--ink)} html.ux-review body:not(:has(.clean-home)) #main .comparison-card dl>div{border-color:var(--line)} /* Compatibility source: readable-text-v382.css */ /* Shared information typography: larger facts and comfortable reading. */ html.ux-review body #app :is(main,#main) :is(p,li,td,th,dt,dd,label,input,select,textarea){font-size:20px;line-height:1.5} html.ux-review body #app :is(main,#main) :is(small,figcaption,.card-concept,.eyebrow,.card-range){font-size:14px;line-height:1.4} html.ux-review body #app :is(main,#main) :is(summary,.subscription-saving,.saving-badge,.info-badge,.suitability-badge,.card-biotics,.biotics-badge){font-size:17px;line-height:1.45} html.ux-review body #app :is(main,#main) .recipe-card :is(.card-ingredients,.card-pack,.card-price-context,.card-oneoff-price,.card-offer-terms,.card-meat){font-size:17px;line-height:1.45;overflow-wrap:break-word} html.ux-review body #app :is(main,#main) .recipe-card .card-pack{font-size:18px} html.ux-review body #app :is(main,#main) .recipe-card .card-price-prefix{font-size:16px} html.ux-review body #app :is(main,#main) .recipe-card .card-price-amount{font-size:28px} html.ux-review body #app :is(main,#main) .recipe-card .card-range{font-size:14px} html.ux-review body #app :is(main,#main) .recipe-card .bundle-recommendation{font-size:15px;line-height:1.4} html.ux-review body #app :is(main,#main) .recipe-card .ux-card-details :is(summary,p,.suitability-badge){font-size:17px;line-height:1.45} html.ux-review body #app :is(main,#main) .recipe-card .card-body{gap:8px} html.ux-review body #app :is(main,#main) .recipe-card :is(.card-action,.treat-quick-buy label,.treat-quantity-help){font-size:17px;line-height:1.4} html.ux-review body #app :is(main,#main) .clean-range-card :is(.range-copy,.range-price,.range-size,.range-subscription,small){font-size:17px;line-height:1.45} html.ux-review body footer :is(p,li,a,label,input,button,small){font-size:16px;line-height:1.5} html.ux-review body #app :is(main,#main) :is(table,input,select,textarea){max-width:100%;min-width:0} html.ux-review body #app #main .card-benefit-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px} html.ux-review body #app #main .card-benefit-list li{font-size:17px;line-height:1.45;margin:0;padding:0;overflow-wrap:break-word} html.ux-review body #app #main .card-benefit-list strong{display:block;font-weight:700;color:var(--palette-navy)} html.ux-review body #app #main .card-benefit-list span{display:block;color:var(--palette-slate);margin-top:3px} /* Make the expandable benefits control visibly interactive. */ html.ux-review body #app #main .recipe-card .ux-card-details>summary{font-size:19px;font-weight:700;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px;border:1px solid #d9b7c5;border-radius:12px;background:#f8edf1;color:var(--palette-navy);cursor:pointer;list-style:none} html.ux-review body #app #main .recipe-card .ux-card-details>summary::-webkit-details-marker{display:none} html.ux-review body #app #main .recipe-card .ux-card-details>summary::after{content:'+';display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#92264f;color:var(--palette-cream);font-size:28px;font-weight:700;line-height:1} html.ux-review body #app #main .recipe-card .ux-card-details[open]>summary::after{content:'−'} html.ux-review body #app #main .recipe-card .ux-card-details>summary:hover{background:#f1dce5} html.ux-review body #app #main .recipe-card .ux-card-details>summary:focus-visible{outline:3px solid #92264f;outline-offset:3px} /* Recipe-specific facts stay visible when detailed benefits are closed. */ html.ux-review body #app #main .premium-benefit-badges{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:8px 0 12px;max-width:100%} html.ux-review body #app #main .premium-benefit-badges li{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ced8c5;border-radius:10px;background:#edf2e7;color:var(--palette-navy);font-size:14px;font-weight:600;line-height:1.35;margin:0;max-width:100%;overflow-wrap:break-word} html.ux-review body #app #main .premium-benefit-badges li span{color:#41603a;font-weight:700;flex:none} /* Footer navigation follows the current navy and white brand palette. */ html.ux-review body #app footer :is(summary,h2,h3,h4){color:var(--palette-cream)} html.ux-review body #app footer summary:hover{color:var(--palette-panel)} html.ux-review body #app footer summary:focus-visible{outline:3px solid var(--palette-panel);outline-offset:4px} html.ux-review body #app footer summary::after{color:var(--palette-cream)} html.ux-review body #app #main .info-hero-image.contact-helpdesk{display:flex;align-items:flex-end;justify-content:center;gap:28px;padding:28px;overflow:visible} html.ux-review body #app #main .contact-helpdesk img.helpdesk-dog{width:36%;height:88%;object-fit:contain;padding:0;flex:none;object-position:center bottom} html.ux-review body #app #main .contact-helpdesk img.helpdesk-laptop{width:42%;height:auto;object-fit:contain;padding:0;flex:none;align-self:flex-end;margin-bottom:8px;transform:none;animation:none} @media(max-width:600px){html.ux-review body #app #main .info-hero-image.contact-helpdesk{gap:20px;padding:24px}} html.ux-review body #app #main .contact-helpdesk img.helpdesk-laptop{width:54%;margin-bottom:8px} html.ux-review body #app #main .contact-helpdesk img.helpdesk-dog{width:30%} /* Compact catalogue badges: two facts per row instead of a tall stack. */ html.ux-review body #app #main .recipe-card .premium-benefit-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:4px 0 6px;padding:0;width:100%;align-items:stretch} html.ux-review body #app #main .recipe-card .premium-benefit-badges li{width:auto;min-width:0;max-width:100%;display:flex;gap:4px;padding:5px 6px;border-radius:8px;font-size:12px;line-height:1.25;letter-spacing:0;align-items:center} html.ux-review body #app #main .recipe-card .premium-benefit-badges li span{font-size:13px} html.ux-review body #app #main .recipe-card .card-body{gap:5px} html.ux-review body #app #main .recipe-card .ux-card-details{padding-top:0;margin-top:4px} html.ux-review body #app #main .recipe-card .ux-card-details>summary{font-size:17px;min-height:44px;padding:8px;gap:6px} html.ux-review body #app #main .recipe-card .ux-card-details>summary::after{flex-basis:28px;width:28px;height:28px;font-size:24px} /* Flat surfaces across the website: remove decorative card and panel shadows. */ html.ux-review body #app :is(main,#main) *, html.ux-review body #app :is(main,#main) *::before, html.ux-review body #app :is(main,#main) *::after{box-shadow:none} html.ux-review body #app :is(main,#main) :is([class*="card"],[class*="panel"],[class*="hero"],.productimage,.bigimage), html.ux-review body #app :is(main,#main) :is([class*="card"],[class*="panel"],[class*="hero"])::before, html.ux-review body #app :is(main,#main) :is([class*="card"],[class*="panel"],[class*="hero"])::after{filter:none} html.ux-review body #app #main .recipe-card>.card-purchase-choices{grid-column:2;grid-row:2;display:grid;gap:7px;margin-top:9px;min-width:0} html.ux-review body #app #main .card-purchase-choices .card-action{margin:0;font-size:15px;min-height:44px;width:100%;padding:10px 7px;line-height:1.3} html.ux-review body #app #main .card-purchase-choices .card-action:first-child{background:var(--palette-cream);color:var(--palette-navy);border:1.5px solid var(--palette-navy)} html.ux-review body #app #main :is(.cart-purchase-choice,.treat-quick-buy) select{width:100%;max-width:100%;font-size:16px;padding:9px;border:1px solid #a7b0b6;border-radius:10px;background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .cart-purchase-choice{max-width:400px;margin-top:10px} html.ux-review body #app #main .checkout-item{padding:14px 0;border-bottom:1px solid #dedfd8} html.ux-review body #app #main .checkout-item p{display:block} html.ux-review body #app #main .recurring-summary{background:#edf2e7;border-radius:14px;padding:16px;margin:16px 0} html.ux-review body #app #main .recurring-summary p{display:grid;gap:6px} html.ux-review body #app #main .trial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start} html.ux-review body #app #main .trial-layout img{width:100%;max-height:300px;object-fit:contain} html.ux-review body #app #main .trial-layout .btn{display:block;text-align:center;margin-block:16px} @media(max-width:700px){html.ux-review body #app #main .trial-layout{grid-template-columns:minmax(0,1fr)}} /* All surfaces, including floating support and navigation, stay completely flat. */ html.ux-review body *,html.ux-review body *::before,html.ux-review body *::after{box-shadow:none;text-shadow:none} /* The feeding calculator owns its spacing inside the product accordion. */ html.ux-review body #app #main .product-info-section>.feeding-tool{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;margin:16px 0;padding:clamp(18px,3vw,28px);border:1px solid #cbd5be;border-radius:18px;overflow-wrap:break-word} html.ux-review body #app #main .feeding-tool *{box-sizing:border-box;min-width:0;max-width:100%} html.ux-review body #app #main .feeding-tool h2{font-size:clamp(25px,3vw,32px);line-height:1.2;margin:0 0 14px;max-width:100%} html.ux-review body #app #main .feeding-tool p{font-size:17px;line-height:1.5;margin:12px 0} html.ux-review body #app #main .feeding-tool .feeding-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 14px;width:100%} html.ux-review body #app #main .feeding-fields label{display:grid;gap:8px;font-size:17px;line-height:1.35} html.ux-review body #app #main .feeding-fields :is(input,select){width:100%;min-width:0;height:50px;min-height:50px;font-size:18px;padding:10px 12px;border:1px solid #a7b0b6;border-radius:11px} html.ux-review body #app #main #feed-energy-note{font-size:15px;line-height:1.45;color:var(--palette-slate);margin:12px 0 20px} html.ux-review body #app #main #feed-result{padding:16px;border:1px solid #ccd5c2;border-radius:12px;background:var(--palette-cream);font-size:18px;line-height:1.4;margin:0} html.ux-review body #app #main .feeding-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} html.ux-review body #app #main .feeding-metrics>div{display:flex;flex-direction:column;gap:5px} html.ux-review body #app #main .feeding-metrics span{font-size:15px;line-height:1.3;color:var(--palette-slate)} html.ux-review body #app #main .feeding-metrics strong{font-size:30px;line-height:1.2;color:var(--palette-navy)} html.ux-review body #app #main .feeding-metrics small{font-size:14px;line-height:1.35;font-weight:400} html.ux-review body #app #main .feeding-order{padding:16px;margin:14px 0 0;border:1px solid #cbd5be;border-radius:12px;background:var(--palette-cream);width:100%} html.ux-review body #app #main .feeding-order h3{font-size:22px;line-height:1.25;margin:0 0 10px} @media(max-width:700px){html.ux-review body #app #main .feeding-tool .feeding-fields{grid-template-columns:minmax(0,1fr);gap:16px}html.ux-review body #app #main .product-information{min-width:0;width:100%}html.ux-review body #app #main .product-info-section{min-width:0;width:100%}} /* Integrated product-information return actions. */ html.ux-review body .product-info-section .product-return{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:100%;box-sizing:border-box;min-height:52px;margin:22px 0 0;padding:13px 18px;border:2px solid var(--palette-navy);border-radius:14px;background:var(--palette-cream);color:var(--palette-navy);font-family:inherit;font-size:18px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;box-shadow:none;cursor:pointer} html.ux-review body .product-info-section .product-return:hover{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body .product-info-section .product-return:focus-visible{outline:3px solid var(--palette-denim);outline-offset:4px} html.ux-review body .product-info-section .product-return>span{font-size:24px;line-height:1} @media(max-width:700px){html.ux-review body .product-info-section .product-return{font-size:17px;min-height:50px;padding:12px 14px}} html.ux-review body .meal-email-option{margin:20px 0;padding:18px;border:1px solid #cbd5c0;border-radius:14px;background:var(--palette-cream);min-width:0} html.ux-review body .meal-email-option p{margin:7px 0 14px;font-size:17px} html.ux-review body .meal-email-option small{display:block;margin-top:10px;font-size:14px} html.ux-review body .meal-email-option .btn{width:100%;white-space:normal} html.ux-review body .meal-email-dialog{width:min(680px,calc(100% - 32px));max-height:88dvh;padding:24px;border:2px solid var(--palette-navy);border-radius:20px;box-sizing:border-box;color:var(--palette-navy);overflow:auto;box-shadow:none} .meal-email-dialog::backdrop{background:rgba(16,40,79,.5)} html.ux-review body .meal-email-dialog h2{font-size:27px;line-height:1.2;margin:12px 32px 16px 0} html.ux-review body .meal-email-dialog p{font-size:17px;line-height:1.5} .meal-email-dialog label{display:block;margin:16px 0}.meal-email-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:48px} .meal-email-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--palette-navy);font-size:32px;min-width:44px;min-height:44px} .meal-email-dialog iframe{width:100%;height:520px;border:1px solid #d6decf;margin-top:20px;background:var(--palette-cream)}.meal-email-dialog .buttons{display:flex;flex-wrap:wrap;gap:10px}.meal-email-dialog .buttons>*{flex:1;min-width:180px} html.ux-review body .food-plan-result>.meal-email-option{grid-column:1/-1;width:100%;box-sizing:border-box} /* CTA contrast contract: filled actions always carry light text. */ html.ux-review body #app #main :is(a,button):is(.btn,.card-action),html.ux-review body .meal-email-dialog .btn{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy);white-space:normal;overflow-wrap:break-word;text-align:center;box-sizing:border-box;max-width:100%;min-height:48px;line-height:1.3;box-shadow:none} html.ux-review body #app #main :is(a,button):is(.btn.alt,.btn.secondary),html.ux-review body #app #main .card-purchase-choices .card-action:first-child,html.ux-review body .meal-email-dialog .btn.alt{background:var(--palette-cream);color:var(--palette-navy);border-color:var(--palette-navy)} html.ux-review body #app #main :is(a,button):is(.btn,.card-action):hover,html.ux-review body .meal-email-dialog .btn:hover{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)} html.ux-review body #app #main :is(a,button):is(.btn,.card-action):focus-visible,html.ux-review body .meal-email-dialog .btn:focus-visible{outline:3px solid var(--palette-denim);outline-offset:4px} html.ux-review body #app #main :is(a,button):is(.btn,.card-action):is(:disabled,[aria-disabled=true]),html.ux-review body .meal-email-dialog .btn:disabled{background:#e4e8ed;color:var(--palette-slate);border-color:#9aa7b7;opacity:1;cursor:not-allowed} html.ux-review body #app #main :is(.btn,.card-action) :is(span,strong,b,small){color:inherit} /* Meal email preview: a stable mobile-width canvas and one content scrollbar. */ html.ux-review body .meal-email-dialog{padding:24px;width:min(620px,calc(100% - 24px));max-width:calc(100% - 24px);overflow-x:hidden;overscroll-behavior:contain} html.ux-review body .meal-email-dialog :is(form,label,input,.buttons){min-width:0;max-width:100%;box-sizing:border-box} html.ux-review body .meal-email-dialog.showing-preview{padding:0;overflow:hidden;height:min(820px,88dvh);max-height:88dvh} html.ux-review body .meal-preview-toolbar:not([hidden]){display:flex;flex-direction:column;gap:4px;padding:16px 60px 12px 18px;border-bottom:1px solid #d6decf;background:var(--palette-cream);min-height:80px} html.ux-review body .meal-preview-toolbar .textlink{font-size:15px;text-align:left;padding:0;background:none;border:0;color:var(--palette-navy)} html.ux-review body .meal-email-dialog iframe:not([hidden]){display:block;width:100%;max-width:390px;height:calc(100% - 80px);margin:0 auto;border:0;box-sizing:border-box;background:var(--palette-cream)} html.ux-review body .meal-email-close{z-index:2;right:10px;top:10px;background:var(--palette-cream);border-radius:50%} @media(max-width:480px){html.ux-review body .meal-email-dialog{padding:20px 16px}html.ux-review body .meal-email-dialog h2{font-size:24px;margin-right:34px}html.ux-review body .meal-email-dialog .buttons{flex-direction:column}html.ux-review body .meal-email-dialog .buttons>*{min-width:0;width:100%}} /* Remove one-sided decorative edges as well as shadows. */ html.ux-review body #app #main :is(.recipe-ingredients,.recipe-biotics){border:0;box-shadow:none;filter:none} html.ux-review body #app #main .treats-header{border-bottom:0} /* Footer navigation: consistent row rhythm and stable link colours. */ html.ux-review body #app .site-footer :is(a,summary),html.ux-review body #app .site-footer :is(a,summary):is(:visited,:hover,:active,:focus){color:var(--palette-cream);-webkit-text-fill-color:var(--palette-cream)} html.ux-review body #app .site-footer :is(a,summary) :is(span,strong),html.ux-review body #app .site-footer summary::after{color:inherit;-webkit-text-fill-color:inherit} html.ux-review body #app .site-footer :is(a,summary):focus-visible{outline:2px solid var(--palette-cream);outline-offset:4px} @media(max-width:850px){ html.ux-review body #app .site-footer :is(.footer-top,.footerlinks,.footer-confidence){gap:0} html.ux-review body #app .site-footer :is(.footerlinks,.footer-newsletter-toggle,.footer-awards-toggle,.footer-payment-toggle,.footer-confidence){margin:0;padding:0;width:100%;min-width:0} html.ux-review body #app .site-footer .footer-brand{margin-bottom:24px} html.ux-review body #app .site-footer :is(.footer-link-group,.footer-awards-toggle,.footer-newsletter-toggle,.footer-payment-toggle){padding:0;margin:0;border:0;border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent)} html.ux-review body #app .site-footer :is(.footer-link-group,.footer-awards-toggle,.footer-newsletter-toggle,.footer-payment-toggle)>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;min-height:56px;margin:0;padding:14px 0;font-size:20px;line-height:1.35;font-weight:600;list-style:none} html.ux-review body #app .site-footer summary::after{flex:0 0 24px;text-align:right;font-size:24px;line-height:1} html.ux-review body #app .site-footer .footer-confidence{display:flex;flex-direction:column;align-items:stretch;border:0} html.ux-review body #app .site-footer .footer-trustpilot{display:flex;align-items:center;box-sizing:border-box;min-height:56px;padding:14px 0;margin:0;border:0;border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);width:100%;text-decoration:none} html.ux-review body #app .site-footer .footer-trustpilot-mark strong{font-size:20px;font-weight:600;line-height:1.35} html.ux-review body #app .site-footer .footer-trustpilot-caption{display:none} html.ux-review body #app .site-footer :is(.footer-group-links,.footer-awards,.footer-newsletter,.footer-payment-group){margin:0;padding:4px 0 18px} html.ux-review body #app .site-footer .footer-bottom{margin-top:0;border-top:1px solid color-mix(in srgb, var(--palette-cream) 18.82%, transparent);padding-top:18px} } /* Original NuDog character, kept softly behind the footer brand area. */ html.ux-review body #app .site-footer .footer-brand{position:relative;isolation:isolate} html.ux-review body #app .site-footer .footer-dog-watermark{display:block;position:absolute;right:0;top:0;width:80px;height:120px;object-fit:contain;opacity:.18;pointer-events:none;user-select:none;z-index:-1;box-shadow:none;filter:none} @media(max-width:850px){html.ux-review body #app .site-footer .footer-dog-watermark{width:68px;height:100px;right:4px;top:0}} /* Align the cropped original character with the logo/slogan as one brand row. */ html.ux-review body #app .site-footer .footer-brand-heading{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:20px;align-items:center;margin-bottom:16px;max-width:420px} html.ux-review body #app .site-footer .footer-brand-wordmark{min-width:0} html.ux-review body #app .site-footer .footer-brand-heading .logo{width:min(150px,100%);height:auto;display:block} html.ux-review body #app .site-footer .footer-brand-heading .footer-dog-watermark{position:static;width:54px;height:auto;max-height:100px;opacity:.24;z-index:auto;display:block;align-self:center;object-fit:contain} @media(max-width:850px){html.ux-review body #app .site-footer .footer-brand-heading{grid-template-columns:minmax(0,1fr) 68px;gap:20px;width:100%;max-width:none}html.ux-review body #app .site-footer .footer-brand-heading .footer-dog-watermark{width:68px;height:100px}html.ux-review body #app .site-footer .footer-brand-heading .logo{width:110px;height:auto}html.ux-review body #app .site-footer .footer-brand-heading .footer-brand-slogan{margin:8px 0 0}} html.ux-review body #app .site-footer .footer-brand-heading .footer-dog-watermark{pointer-events:auto;cursor:pointer;touch-action:manipulation} html.ux-review body #app .site-footer .footer-dog-watermark:is(:hover,:focus-visible){opacity:.5} html.ux-review body #app .site-footer .footer-dog-watermark:focus-visible{outline:2px solid var(--palette-cream);outline-offset:5px;border-radius:8px} /* Pink slogan colours matched to light and dark surfaces. */ html.ux-review body #app .nu-slogan,html.ux-review body #app .nu-slogan>span:not(.clean-why-subline){color:var(--palette-denim);-webkit-text-fill-color:var(--palette-denim)} html.ux-review body #app .site-footer p.footer-brand-slogan.nu-slogan{color:#e8b7c8;-webkit-text-fill-color:#e8b7c8;background:transparent;border:0;border-radius:0;padding:0;max-width:100%;line-height:1.35} /* A calm, once-per-render reveal for the homepage brand promise. */ html.ux-review body #app .nu-slogan{letter-spacing:0;text-transform:none;font-weight:700} html.ux-review body #app #main .flow-hero-copy>p.nu-tagline-reveal{display:block;letter-spacing:0;text-transform:none;line-height:1.3;white-space:nowrap;font-size:clamp(18px,2vw,25px);color:var(--palette-denim)} html.ux-review body #app #main .nu-tagline-reveal>.nu-tagline-word{display:inline-block;font:inherit;letter-spacing:0;text-transform:none;animation:nu-tagline-arrive .42s ease-out calc(.12s + var(--word)*.2s) both} html.ux-review body #app #main .nu-tagline-reveal>.nu-tagline-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} @keyframes nu-tagline-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){html.ux-review body #app #main .nu-tagline-reveal>.nu-tagline-word{animation:none;opacity:1;transform:none}} /* Unified navy feature panels: inset, fully rounded and visibly framed. */ html.ux-review body #app #main .info-hero{box-sizing:border-box;width:calc(100% - 32px);max-width:1280px;margin:16px auto 0;border:2px solid var(--palette-cream);border-radius:24px;box-shadow:none;overflow:hidden} html.ux-review body #app #main :is(.info-hero,.clean-benefit-section) :is(a,button).btn{background:var(--palette-cream);color:var(--palette-navy);border:2px solid var(--palette-cream);border-radius:14px;box-shadow:none} html.ux-review body #app #main :is(.info-hero,.clean-benefit-section) :is(a,button).btn:hover{background:#edf2e7;color:var(--palette-navy);border-color:#edf2e7} html.ux-review body #app #main .info-navigation a[aria-current=page]{color:var(--palette-denim);border-color:var(--palette-denim)} @media(max-width:700px){html.ux-review body #app #main .info-hero{width:calc(100% - 24px);margin-top:12px;border-radius:20px}html.ux-review body #app #main .info-hero-inner{padding:24px 20px}} /* Let the transparent delivery carton sit directly on the navy panel. */ html.ux-review body #app #main .info-hero .info-hero-image.delivery-box-image{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible} /* Compatibility source: nudog-companions-v1.css */ html.ux-review body .nu-companion,.nu-companion{display:block;flex:none;width:112px;height:90px;padding:0;margin:0 0 14px;border:0;border-radius:12px;background:transparent;box-shadow:none;cursor:pointer;color:var(--palette-navy);touch-action:manipulation}.nu-companion svg{display:block;width:100%;height:100%;overflow:visible}.nu-companion:focus-visible{outline:3px solid var(--palette-denim);outline-offset:5px}.nu-companion .nu-object{transform-origin:109px 62px}.nu-companion.is-playing .nu-object{animation:nu-object-greet 1.1s ease-in-out both}.nu-companion.is-playing svg>image{animation:nu-detail-nod 1.1s ease-in-out both;transform-origin:40px 90px}.nu-companion[data-companion="loading"] .nu-spinner{transform-origin:109px 59px;animation:nu-object-spin 1.2s linear infinite}.nu-delivery-companion img{display:block;width:100%;height:100%;object-fit:contain}.nu-delivery-companion.is-playing img{animation:nu-delivery-roll 1.1s ease-in-out both}.feeding-tool>.nu-companion{width:88px;height:70px;margin-bottom:8px}.info-hero .nu-companion{background:var(--palette-cream);padding:8px;border-radius:16px;width:124px;height:100px}.nu-order-companion{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #ced6c5;border-radius:16px;background:#edf1e7}.nu-order-companion p{font-weight:700}.nu-order-companion .nu-companion{margin:0}@keyframes nu-object-greet{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-7deg) translateY(-4px)}65%{transform:rotate(4deg) translateY(-2px)}}@keyframes nu-detail-nod{0%,100%{transform:rotate(0)}40%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}@keyframes nu-object-spin{to{transform:rotate(360deg)}}@keyframes nu-delivery-roll{0%,100%{transform:translateX(0)}45%{transform:translateX(12px)}70%{transform:translateX(8px)}}@media(prefers-reduced-motion:reduce){html.ux-review body .nu-companion *{animation:none;transition:none}}@media(max-width:700px){html.ux-review body .nu-companion{width:100px;height:80px;margin-bottom:10px}} /* Compatibility source: nudog-podium-v1.css */ html.ux-review body .nu-podium-section{padding:34px 0 38px;background:var(--palette-cream);text-align:center;overflow:hidden;color:var(--palette-navy)}html.ux-review body .nu-podium-inner{max-width:750px}html.ux-review body .nu-podium-scene{width:min(100%,490px);margin:0 auto}html.ux-review body .nu-podium-scene svg{width:100%;height:auto;display:block;overflow:visible;font-family:inherit}.nu-podium-dog{transform-origin:300px 156px}.nu-podium-sparkles{transform-origin:300px 80px}html.ux-review body #app #main .nu-podium-qualities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:590px;margin:12px auto 28px;padding:0;list-style:none}html.ux-review body #app #main .nu-podium-qualities li{font-size:18px;font-weight:600;line-height:1.3;color:var(--palette-navy)}html.ux-review body #app #main .nu-podium-section h2{font-family:inherit;font-size:clamp(29px,4vw,42px);font-weight:700;line-height:1.15;letter-spacing:0;margin:0 0 12px;color:var(--palette-navy)}html.ux-review body #app #main .nu-podium-support{font-family:inherit;font-size:clamp(20px,2.3vw,25px);font-weight:400;line-height:1.35;letter-spacing:0;max-width:650px;margin:0 auto 12px;padding:0 12px;color:var(--palette-navy)}html.ux-review body .nu-podium-replay{font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;color:var(--palette-denim);background:transparent;border:0;border-radius:8px;padding:10px 14px;margin:0;box-shadow:none;cursor:pointer}.nu-podium-replay:focus-visible{outline:3px solid var(--palette-denim);outline-offset:3px}.nu-thrive-break{display:none}.nu-podium-inner.is-celebrating .nu-podium-dog{animation:nu-podium-hop 1.65s cubic-bezier(.2,.7,.25,1) both}.nu-podium-inner.is-celebrating .nu-podium-sparkles{animation:nu-podium-sparkle 1.65s ease-out both}.nu-podium-inner.is-celebrating h2,.nu-podium-inner.is-celebrating .nu-podium-support{animation:nu-podium-words .45s ease-out .8s both}@keyframes nu-podium-hop{0%{opacity:0;transform:translate(-85px,65px) rotate(-8deg)}20%{opacity:1}45%{transform:translate(0,-17px) rotate(1deg)}58%{transform:translate(0,2px) rotate(0)}68%{transform:translate(0,0) rotate(-3deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-2deg)}100%{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes nu-podium-sparkle{0%,40%{opacity:0;transform:scale(.85)}65%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes nu-podium-words{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:700px){html.ux-review body .nu-podium-section{padding:26px 0 28px}html.ux-review body .nu-podium-section .wrap{width:100%;padding:0 18px}html.ux-review body #app #main .nu-podium-qualities{gap:10px;margin:8px auto 22px}html.ux-review body #app #main .nu-podium-qualities li{font-size:16px}.nu-thrive-break{display:block}}@media(prefers-reduced-motion:reduce){html.ux-review body .nu-podium-inner.is-celebrating *{animation:none;opacity:1;transform:none}} /* Compatibility source: nudog-digging-v1.css */ html.ux-review body .nu-dig-trigger{border:0;background:transparent;padding:0;width:150px;height:112px;flex:0 0 auto;cursor:pointer;color:var(--palette-navy);box-shadow:none;border-radius:14px} html.ux-review body .nu-dig-icon{display:block;width:100%;height:100%;overflow:visible} html.ux-review body .nu-dig-trigger:focus-visible{outline:2px solid var(--palette-denim);outline-offset:4px} .nu-dig-body{transform-origin:48px 105px}.nu-dig-paw{transform-origin:104px 82px}.nu-dig-tail{transform-origin:44px 55px}.nu-dig-soil{opacity:0} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-body{animation:nu-dig-nod .6s ease-in-out 5} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-paw{animation:nu-dig-scrape .6s cubic-bezier(.45,0,.3,1) 5} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-paw-two{animation-delay:.3s} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-tail{animation:nu-dig-wag .6s ease-in-out 5} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-soil{animation:nu-dig-scatter .6s ease-out 5} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-soil-two{animation-delay:.12s} html.ux-review body .nu-dig-trigger.is-digging .nu-dig-soil-three{animation-delay:.22s} @keyframes nu-dig-nod{0%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}} @keyframes nu-dig-scrape{0%,100%{transform:rotate(-12deg)}35%{transform:rotate(-17deg)}65%{transform:rotate(22deg)}} @keyframes nu-dig-wag{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(12deg)}} @keyframes nu-dig-scatter{0%,35%{opacity:0;transform:translate(0,0)}45%{opacity:1}80%{opacity:.8;transform:translate(-26px,-18px) rotate(-30deg)}100%{opacity:0;transform:translate(-42px,-3px) rotate(-60deg)}} @media(max-width:600px){html.ux-review body .nu-dig-trigger{width:120px;height:96px}} @media(prefers-reduced-motion:reduce){html.ux-review body .nu-dig-trigger.is-digging :is(.nu-dig-body,.nu-dig-paw,.nu-dig-tail,.nu-dig-soil){animation:none}.nu-dig-soil{opacity:0}} /* Compatibility source: packaging-logo-tab-v428.css */ /* The pack's navy label tab, using the original white wordmark artwork. */ html.ux-review header{padding-top:0;padding-bottom:0;min-height:92px} html.ux-review header .header-brand{align-self:stretch;align-items:center} html.ux-review header .packaging-logo-tab{display:flex;align-items:center;justify-content:center;align-self:flex-start;flex-shrink:0;width:136px;height:88px;padding:18px 12px 12px;background:var(--palette-navy);border-radius:0 0 15px 15px;line-height:0} html.ux-review header .packaging-logo-tab .logo{display:block;width:112px;max-width:100%;height:auto;object-fit:contain;margin:0;filter:none;transform:none} @media(max-width:850px){ html.ux-review header{grid-template-rows:68px;min-height:72px;padding-top:0;padding-bottom:4px} html.ux-review header .header-brand{height:68px;min-height:0;align-self:start;align-items:flex-start} html.ux-review header .packaging-logo-tab{width:112px;height:64px;padding:12px 9px 8px;border-radius:0 0 12px 12px} html.ux-review header .packaging-logo-tab .logo{width:94px;height:auto;max-width:100%} } /* Match the offer band to the site's raspberry text accent. */ html.ux-review body #app .announce{background:var(--palette-panel);color:var(--palette-cream)} html.ux-review body #app .announce a{color:var(--palette-cream)} /* Compatibility source: review-badges-v434.css */ /* Judge.me-style empty rating badges. No ratings are asserted without published reviews. */ .nu-review-badge{display:inline-flex;align-items:center;gap:10px;color:var(--navy,var(--palette-navy));text-decoration:none;max-width:100%;padding:6px 0;line-height:1.25;box-shadow:none;background:none;border:0;text-align:left} .nu-review-stars{display:flex;gap:2px;flex:none}.nu-review-stars svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.nu-review-label{font-size:14px;font-weight:600}.nu-review-label small{display:block;font-size:12px;font-weight:400;margin-top:3px}.nu-review-badge:hover .nu-review-label{text-decoration:underline}.nu-review-badge:focus-visible{outline:2px solid currentColor;outline-offset:4px}.nu-hero-reviews{margin:8px 0 18px}.nu-hero-reviews .nu-review-stars svg{width:20px;height:20px}.nu-menu-reviews{white-space:nowrap}.nu-menu-reviews span{font-size:22px;vertical-align:middle}.recipe-card .nu-review-badge{margin:4px 0 8px}.clean-review-actions .nu-review-badge{align-self:flex-start}@media(max-width:600px){.recipe-card .nu-review-badge{gap:6px;flex-wrap:wrap}.nu-review-label{font-size:13px}.nu-review-stars svg{width:15px;height:15px}.nu-hero-reviews{margin-bottom:12px}.desktop-navigation>.nu-menu-reviews{display:none}} .nu-review-demo .nu-review-stars svg{fill:currentColor}.nu-review-demo .nu-review-label small{font-size:12px;line-height:1.35} /* Raspberry review highlight, matching the offer banner. */ html.ux-review body #app a.nu-review-badge{color:var(--palette-denim);background:#fbf1f5;border:1px solid #e8bfd0;border-radius:12px;padding:12px 14px;gap:10px;flex-wrap:wrap;width:fit-content;max-width:100%;box-sizing:border-box} html.ux-review body #app .nu-review-badge .nu-review-stars{gap:3px;color:var(--palette-denim)} html.ux-review body #app .nu-review-badge .nu-review-stars svg{width:22px;height:22px} html.ux-review body #app .nu-review-badge .nu-review-label{font-size:20px;font-weight:700;color:var(--palette-denim);line-height:1.2} html.ux-review body #app .nu-review-badge .nu-review-label small{font-size:12px;font-weight:400;color:var(--palette-navy);line-height:1.35;margin-top:5px;max-width:230px} html.ux-review body #app .nu-menu-reviews,html.ux-review body #app .mobile-menu-help a[href="#reviews"]{color:var(--palette-denim)} @media(max-width:600px){html.ux-review body #app a.nu-review-badge{padding:10px 12px;gap:7px}html.ux-review body #app .nu-review-badge .nu-review-stars svg{width:20px;height:20px}html.ux-review body #app .nu-review-badge .nu-review-label{font-size:19px}} /* Compatibility source: fresh-backdrops-v437.css */ /* Soft flavour backdrops separate the white Fresh pouches from the page. */ html.ux-review body #app .nu-flavour-hero{--flavour-tint:#f4dfcc} html.ux-review body #app .nu-flavour-hero[data-flavour=turkey]{--flavour-tint:#e9dff1} html.ux-review body #app .nu-flavour-hero[data-flavour=beef]{--flavour-tint:#DDE5EC} html.ux-review body #app .nu-flavour-hero[data-flavour=lamb]{--flavour-tint:#dee8d5} html.ux-review body #app .nu-single-stage>.nu-single-halo{display:block;inset:8% 2% 5%;border-radius:48% 52% 47% 53%;background:var(--flavour-tint);transform:rotate(-7deg);z-index:0;pointer-events:none;box-shadow:none} html.ux-review body #app .nu-single-stage>.nu-single-pack{z-index:1} html.ux-review body #app .range-fresh-card{--fresh-backdrop:#ece5dc} html.ux-review body #app .range-fresh-card[data-pack-flavour=chicken]{--fresh-backdrop:#f4dfcc} html.ux-review body #app .range-fresh-card[data-pack-flavour=turkey]{--fresh-backdrop:#e9dff1} html.ux-review body #app .range-fresh-card[data-pack-flavour=beef]{--fresh-backdrop:#DDE5EC} html.ux-review body #app .range-fresh-card[data-pack-flavour=lamb]{--fresh-backdrop:#dee8d5} html.ux-review body #app .range-fresh-card>.productimage{position:relative;isolation:isolate} html.ux-review body #app .range-fresh-card>.productimage::before{content:"";display:block;position:absolute;inset:8% -4% 15%;border-radius:48% 52% 46% 54%;background:var(--fresh-backdrop);z-index:0;pointer-events:none;transform:rotate(-6deg)} html.ux-review body #app .range-fresh-card>.productimage>*{position:relative;z-index:1} @media(prefers-reduced-motion:reduce){html.ux-review body #app .nu-single-halo{transition:none}} /* Uploaded studio packs retain their photographic proportions at every breakpoint. */ html.ux-review body #app img[src*="-v441.webp"]{object-fit:contain;object-position:center;aspect-ratio:auto;} /* A quiet Scottish-origin motif, contained within the recipe-colour backdrop. */ html.ux-review body #app .nu-flavour-hero .nu-single-halo{overflow:hidden} html.ux-review body #app .nu-flavour-hero .nu-single-halo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:url('/__l5e/assets-v1/3b12940f-6c91-4823-8fc9-b7dcf5ab71b6/scottish-saltire-muted-v544.svg') center/cover no-repeat;opacity:.48;pointer-events:none} /* All Fresh pouch backdrops use one approved blue/white Scottish-origin motif. */ @layer nudog-card-typography { html.ux-review body #app .nu-flavour-hero {--flavour-tint:var(--palette-navy)} html.ux-review body #app .nu-flavour-hero .nu-single-halo {background:var(--palette-navy)} html.ux-review body #app .nu-flavour-hero .nu-single-halo::after {background:url('/__l5e/assets-v1/580d32a6-5195-4e48-8c92-bcae56c2e8c9/scottish-saltire-blue-white-v577.svg') center/cover no-repeat;opacity:1} html.ux-review body #app .range-fresh-card {--fresh-backdrop:var(--palette-navy)} html.ux-review body #app .range-fresh-card>.productimage::before {background:url('/__l5e/assets-v1/580d32a6-5195-4e48-8c92-bcae56c2e8c9/scottish-saltire-blue-white-v577.svg') center/cover no-repeat} } /* Compatibility source: natural-honesty-v439.css */ /* Natural promise: restrained olive, warm paper and readable proportions. */ html.ux-review body #app .clean-home .nu-natural-promise{background:var(--palette-panel);padding:38px 0 30px;border:0;color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-natural-intro{display:flex;flex-direction:column;align-items:center;max-width:700px;margin:0 auto 28px;gap:0;text-align:center} html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{order:-5;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.07em;color:var(--palette-navy);max-width:350px;margin:0 0 15px} html.ux-review body #app .clean-home .nu-natural-intro h2{order:-4;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.025em;color:var(--palette-navy);margin:0 0 12px} html.ux-review body #app .clean-home .nu-natural-intro h2 :is(.nu-natural-percent,.nu-natural-number,.nu-natural-word){display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:var(--palette-navy);font-family:inherit;font-weight:700} html.ux-review body #app .clean-home .nu-natural-intro h2 .nu-natural-food{display:block;font-size:inherit;line-height:inherit;color:var(--palette-navy);font-family:inherit;font-weight:700} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{order:-3;background:none;border:0;border-radius:0;padding:0;transform:none;color:var(--palette-navy);font-size:23px;line-height:1.25;font-weight:600;margin:0 0 12px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{order:-2;color:var(--palette-navy);font-size:18px;line-height:1.5;max-width:520px;margin:0 auto 21px} html.ux-review body #app .clean-home .nu-honest-claims{order:-1;display:grid;grid-template-columns:1fr;list-style:none;width:100%;max-width:480px;margin:0;padding:0;gap:0;background:none;border:0;border-radius:0;text-align:left} html.ux-review body #app .clean-home .nu-honest-claims li{display:flex;justify-content:flex-start;align-items:center;gap:12px;background:none;border:0;border-radius:0;color:var(--palette-navy);font-size:18px;line-height:1.35;font-weight:600;margin:0;padding:11px 4px;box-shadow:none} html.ux-review body #app .clean-home .nu-honest-claims li+li{border-top:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);border-left:0} html.ux-review body #app .clean-home .nu-honest-claims li::before{content:"✓";display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;background:var(--palette-panel);border-radius:50%;color:var(--palette-navy);font-size:17px;font-weight:700} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{order:0;width:112px;height:84px;margin:17px auto 0} html.ux-review body #app .clean-home .nu-natural-grid li{background:#fffdf7;border:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);box-shadow:none} @media(max-width:600px){html.ux-review body #app .clean-home .nu-natural-promise{padding:28px 0 24px}html.ux-review body #app .clean-home .nu-natural-intro{margin-bottom:22px}html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{font-size:11px;max-width:270px;margin-bottom:13px}html.ux-review body #app .clean-home .nu-natural-intro h2{font-size:clamp(32px,9.3vw,42px);margin-bottom:10px}html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{font-size:21px;margin-bottom:10px}html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{font-size:16px;line-height:1.45;margin-bottom:17px}html.ux-review body #app .clean-home .nu-honest-claims li{font-size:16px;padding:10px 2px;gap:10px}html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:96px;height:72px;margin-top:15px}} /* A contained editorial card, with the character beside the message. */ html.ux-review body #app .clean-home .nu-natural-promise{background:var(--palette-panel);padding:28px 0} html.ux-review body #app .clean-home .nu-natural-intro{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:0 28px;max-width:900px;text-align:left;align-items:start;background:#fffdf7;border:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);border-radius:26px;padding:32px;box-sizing:border-box;margin-bottom:22px} html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{grid-column:1/-1;grid-row:1;max-width:none;margin:0 0 20px;color:var(--palette-navy);font-size:12px} html.ux-review body #app .clean-home .nu-natural-intro h2{grid-column:1;grid-row:2;font-size:46px;margin:0 0 10px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{grid-column:1;grid-row:3;margin-bottom:12px;font-size:22px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{grid-column:1;grid-row:4;margin:0 0 20px;font-size:17px;max-width:490px} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{grid-column:2;grid-row:2/5;align-self:center;width:160px;height:120px;margin:0} html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-line{grid-column:1/-1;grid-row:5;color:var(--palette-navy);font-size:26px;font-weight:600;line-height:1.25;border-top:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);padding:18px 0 0;margin:0 0 18px} html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-line strong{font-weight:700;color:inherit} html.ux-review body #app .clean-home .nu-honest-claims{grid-column:1/-1;grid-row:6;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);padding-top:15px} html.ux-review body #app .clean-home .nu-honest-claims li{align-items:flex-start;padding:0;font-size:16px;gap:8px;line-height:1.35} html.ux-review body #app .clean-home .nu-honest-claims li+li{border:0} html.ux-review body #app .clean-home .nu-honest-claims li::before{flex-basis:22px;width:22px;height:22px;font-size:14px} @media(max-width:600px){html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) 74px;gap:0 12px;padding:23px 19px;border-radius:22px}html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{font-size:10px;max-width:260px;line-height:1.45;margin-bottom:17px}html.ux-review body #app .clean-home .nu-natural-intro h2{font-size:clamp(27px,7.7vw,35px);line-height:1.1;margin-bottom:8px}html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{font-size:18px;margin-bottom:12px}html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{grid-column:1/-1;font-size:16px;line-height:1.45;margin-bottom:18px}html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{grid-row:2/4;width:78px;height:70px;margin:0;align-self:center}html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-line{font-size:23px;padding-top:16px;margin-bottom:17px}html.ux-review body #app .clean-home .nu-honest-claims{grid-template-columns:1fr;gap:11px;padding-top:16px}html.ux-review body #app .clean-home .nu-honest-claims li{font-size:15px;gap:9px}} /* Give the approved dog illustration sufficient visual presence. */ html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) 240px} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:240px;height:180px;justify-self:center} @media(max-width:600px){html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) 112px;column-gap:10px}html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:128px;height:96px;justify-self:center;align-self:center}html.ux-review body #app .clean-home .nu-natural-intro h2{font-size:clamp(25px,7.2vw,32px)}} @media(max-width:360px){html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) 100px}html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:112px;height:84px}} /* Make the feeding philosophy a distinct, readable headline. */ html.ux-review body #app #nu-thrive-message{grid-column:1/-1;grid-row:5;background:#eaf0df;border:0;border-left:0;border-radius:15px;padding:20px 23px;margin:0 0 20px;color:var(--palette-navy);line-height:1.15;letter-spacing:-.02em;text-align:left;font-family:inherit;box-shadow:none} html.ux-review body #app #nu-thrive-message .nu-thrive-main{display:block;font-size:34px;line-height:1.12;font-weight:700;font-family:inherit;color:var(--palette-navy)} html.ux-review body #app #nu-thrive-message .nu-thrive-support{display:block;font-size:23px;line-height:1.3;font-weight:400;font-family:inherit;color:var(--palette-navy);margin-top:7px} @media(max-width:600px){html.ux-review body #app #nu-thrive-message{padding:17px 15px;margin-bottom:18px}html.ux-review body #app #nu-thrive-message .nu-thrive-main{font-size:28px}html.ux-review body #app #nu-thrive-message .nu-thrive-support{font-size:20px;margin-top:5px}} /* Match the curved transition to the range section's paper colour. */ html.ux-review body #app .clean-home .clean-range-section{background:var(--palette-cream)} html.ux-review body #app .clean-home .clean-range-section::before{background:var(--palette-cream)} /* Approved baby blue, ivory and navy Promise palette. */ html.ux-review body #app #nu-thrive-message{background:var(--palette-navy);color:#fffdf7} html.ux-review body #app #nu-thrive-message :is(.nu-thrive-main,.nu-thrive-support){color:#fffdf7} html.ux-review body #app .clean-home .nu-natural-intro{border-color:color-mix(in srgb, var(--palette-navy) 9.41%, transparent)} /* Navy badges with white benefit illustrations. */ html.ux-review body #app .clean-home .nu-natural-grid .nu-natural-icon{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app .clean-home .nu-natural-grid .nu-natural-icon svg{color:var(--palette-cream);stroke:var(--palette-cream)} /* Compatibility source: range-category-tabs-v449.css */ /* Homepage category tabs echo the menu and packaging label. */ html.ux-review body #app .clean-home .clean-range-card{position:relative;padding-top:64px;background:var(--palette-cream)} html.ux-review body #app .clean-home .clean-range-card::before{display:none} html.ux-review body #app .clean-home .clean-range-card>.nu-range-category-tab{position:absolute;top:0;left:20px;display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 40px);min-height:46px;margin:0;padding:10px 18px 12px;background:var(--palette-navy);color:var(--palette-cream);border-radius:0 0 13px 13px;font-family:'Baloo 2',sans-serif;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:0;white-space:nowrap} html.ux-review body #app .clean-home .clean-range-copy>.nu-range-method{font-size:22px;font-weight:700;line-height:1.2;min-height:0;margin:0 0 10px} @media(max-width:600px){html.ux-review body #app .clean-home .clean-range-card>.nu-range-category-tab{left:16px;padding-inline:15px;font-size:21px}html.ux-review body #app .clean-home .clean-range-card{padding-top:62px}} html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award{position:absolute;left:calc(100% + 14px);top:0;display:flex;align-items:center;min-height:46px;width:85px;color:var(--palette-navy);font-size:16px;font-weight:700;line-height:1.15;white-space:normal;text-align:left} @media(max-width:360px){html.ux-review body #app .clean-home .clean-range-cold>.nu-range-category-tab{font-size:19px;padding-inline:12px}html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award{left:calc(100% + 10px);width:74px;font-size:15px}} /* Rosette and outlined badge give the award a clear visual identity. */ html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award{top:5px;left:calc(100% + 10px);width:112px;min-height:46px;padding:6px 8px;gap:6px;border:1.5px solid var(--palette-navy);border-radius:10px;background:var(--palette-cream);color:var(--palette-navy);box-sizing:border-box;font-size:15px;line-height:1.05;font-weight:700} html.ux-review body #app .clean-home .nu-range-award svg{display:block;width:22px;height:28px;flex:0 0 22px} @media(max-width:390px){html.ux-review body #app .clean-home .clean-range-cold>.nu-range-category-tab{font-size:19px;padding-inline:12px}html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award{left:calc(100% + 8px);width:100px;padding:6px;gap:4px;font-size:14px}} /* Fresh shares the outlined category badge treatment with Cold Pressed. */ html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-future{width:138px;font-size:14px;line-height:1.12;min-height:50px} html.ux-review body #app .clean-home .nu-range-future svg{width:20px;height:26px;flex-basis:20px} @media(max-width:600px){ html.ux-review body #app .clean-home .clean-range-fresh>.nu-range-category-tab{font-size:19px;padding-inline:12px} html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-future{width:126px;font-size:13px;gap:5px;padding:6px;left:calc(100% + 8px)} html.ux-review body #app .clean-home .clean-range-fresh{padding-top:74px} } @media(max-width:360px){ html.ux-review body #app .clean-home .clean-range-fresh>.nu-range-category-tab{left:12px;font-size:17px;padding-inline:10px} html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-future{width:119px;left:calc(100% + 6px);font-size:12px} } /* Compatibility source: mobile-layout-v455.css */ /* Product artwork stands on the card itself, without decorative colour. */ html.ux-review body #app .recipe-card>.productimage::before{display:none;content:none;background:none} @media(max-width:850px){ /* Reset the former icon column now that the decorative review icon is gone. */ html.ux-review body #app .clean-home .clean-review-layout{display:flex;flex-direction:column;align-items:stretch;gap:22px;grid-template-columns:none;padding-bottom:0} html.ux-review body #app .clean-home .clean-review-layout>div{width:100%;min-width:0;max-width:none;grid-column:auto;grid-row:auto;margin:0} html.ux-review body #app .clean-review-layout .eyebrow{white-space:normal;max-width:none;margin:0 0 10px} html.ux-review body #app .clean-home .clean-review-layout h2{font-size:30px;line-height:1.15;max-width:none;margin:0;text-wrap:balance} html.ux-review body #app .clean-review-actions{align-items:flex-start;gap:14px;padding:0} html.ux-review body #app .clean-review-actions .btn{width:100%;box-sizing:border-box;text-align:center;font-size:16px;padding:14px 12px} } @media(max-width:600px){ html.ux-review body #app #main .product-card-grid>.recipe-card{grid-template-columns:34% minmax(0,1fr);grid-template-rows:auto;gap:10px 14px;padding:18px 16px;align-items:start} html.ux-review body #app #main .recipe-card>.card-body{display:contents} html.ux-review body #app #main .recipe-card>.productimage{grid-column:1;grid-row:1/4;align-self:start;margin:0} html.ux-review body #app #main .recipe-card>.productimage>img{height:175px;max-height:175px} html.ux-review body #app #main .recipe-card .card-body>*{grid-column:1/-1;min-width:0;max-width:100%;text-align:left} html.ux-review body #app #main .recipe-card .card-body>.card-range{grid-column:2;grid-row:1;font-size:12px;line-height:1.3;align-self:end} html.ux-review body #app #main .recipe-card .card-body>h3{grid-column:2;grid-row:2;font-size:25px;line-height:1.15;align-self:center} html.ux-review body #app #main .recipe-card .card-body>.card-ingredients{grid-column:2;grid-row:3;font-size:15px;line-height:1.4;margin:0;align-self:start} html.ux-review body #app #main .recipe-card>.card-purchase-choices, html.ux-review body #app #main .recipe-card>.treat-quick-buy{grid-column:1/-1;grid-row:auto;width:100%;margin:4px 0 0} html.ux-review body #app #main .recipe-card .card-purchase-choices .card-action{font-size:15px;min-height:46px;padding:12px;text-align:center} html.ux-review body #app #main .recipe-card .card-pricing-simple{margin:0;padding:10px 0 0} html.ux-review body #app #main .recipe-card .card-price-context{font-size:15px;line-height:1.4} html.ux-review body #app #main .recipe-card .ux-card-details{width:100%;box-sizing:border-box;margin:0} html.ux-review body #app #main .recipe-card .nu-review-badge{margin:0;padding:9px 12px;gap:8px;justify-self:start} html.ux-review body #app #main .recipe-card .nu-review-stars svg{width:18px;height:18px} html.ux-review body #app #main .recipe-card .nu-review-label{font-size:17px} html.ux-review body #app #main .recipe-card[data-pack-flavour=mixed] .bundle-recommendation{grid-row:1;grid-column:1/-1;margin:0} html.ux-review body #app #main .recipe-card[data-pack-flavour=mixed]>.productimage{grid-row:2/5} html.ux-review body #app #main .recipe-card[data-pack-flavour=mixed] .card-range{grid-row:2} html.ux-review body #app #main .recipe-card[data-pack-flavour=mixed] h3{grid-row:3} html.ux-review body #app #main .recipe-card[data-pack-flavour=mixed] .card-ingredients{grid-row:4} html.ux-review body #app #main .recipe-card .mix-pouch-stack{display:grid;grid-template-columns:1fr 1fr;gap:3px} html.ux-review body #app #main .recipe-card .mix-pouch-stack>img{height:90px;max-height:90px;width:100%} } /* Compatibility source: scrolling-banner.css */ html.ux-review body #app .announce{display:block;overflow:hidden;white-space:nowrap;background:var(--palette-panel);color:var(--palette-cream);padding:10px 0;font-size:clamp(18px,1.7vw,22px);line-height:1.35;font-weight:600;text-align:left} html.ux-review body #app .announce-track{display:flex;width:max-content;animation:nu-banner-scroll 24s linear infinite;will-change:transform} .announce-track>span{display:block;flex:0 0 auto;min-width:100vw;padding-inline:40px;white-space:nowrap;text-align:center} @media(hover:hover) and (pointer:fine){html.ux-review body #app .announce:hover .announce-track{animation-play-state:paused}} @keyframes nu-banner-scroll{to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){html.ux-review body #app .announce{overflow-x:auto}html.ux-review body #app .announce-track{animation:none;will-change:auto}.announce-track>span+span{display:none}} /* Compatibility source: fresh-carousel-v442.css */ /* Keep Fresh carousel artwork within the slide and benefit icons readable. */ html.ux-review body #app .product-gallery:has(.gallery-benefits-fresh) :is(.bigimage,.gallery-food){box-sizing:border-box;overflow:hidden;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-detail{grid-template-columns:48px minmax(0,1fr);column-gap:14px;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-host, html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene{width:48px;min-width:48px;height:52px;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene{color:var(--palette-cream);} html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene>.nu-claim-dog{width:28px;height:42px;filter:brightness(0) invert(1);} html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene>svg{width:22px;height:22px;top:6px;right:-2px;} @media(max-width:600px){ html.ux-review body #app .product-gallery:has(.gallery-benefits-fresh) :is(.bigimage,.gallery-food){height:340px;min-height:0;max-height:340px;aspect-ratio:auto;padding:16px;} html.ux-review body #app .product-gallery:has(.gallery-benefits-fresh) :is(.bigimage,.gallery-food)>img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:0;} html.ux-review body #app .gallery-benefits-fresh{min-height:0;height:auto;padding:20px;justify-content:flex-start;} html.ux-review body #app .gallery-benefits-fresh .gallery-brand{width:100px;height:42px;max-height:42px;object-fit:contain;margin:0 0 10px;padding:0;} html.ux-review body #app .gallery-benefits-fresh h2{font-size:26px;line-height:1.2;margin:8px 0 18px;} html.ux-review body #app .gallery-benefits-fresh ul{gap:14px;} html.ux-review body #app .gallery-benefits-fresh li{padding-top:14px;row-gap:4px;} html.ux-review body #app .gallery-benefits-fresh li strong{font-size:20px;line-height:1.25;} html.ux-review body #app .gallery-benefits-fresh li>span:not(.nu-claim-host){font-size:16px;line-height:1.5;margin:0;} } /* Match the information artwork to the packaging frame. */ @media(max-width:600px){ html.ux-review body #app .gallery-benefits-fresh{box-sizing:border-box;height:340px;min-height:340px;max-height:340px;overflow:hidden;padding:16px;} html.ux-review body #app .gallery-benefits-fresh .gallery-brand{width:72px;height:30px;max-height:30px;margin:0 0 4px;} html.ux-review body #app .gallery-benefits-fresh>.eyebrow{font-size:11px;line-height:1.2;letter-spacing:.12em;} html.ux-review body #app .gallery-benefits-fresh h2{font-size:21px;line-height:1.15;margin:5px 0 10px;} html.ux-review body #app .gallery-benefits-fresh ul{gap:8px;} html.ux-review body #app .gallery-benefits-fresh li{grid-template-columns:32px minmax(0,1fr);column-gap:10px;row-gap:3px;padding-top:8px;} html.ux-review body #app .gallery-benefits-fresh li strong{font-size:16px;line-height:1.2;} html.ux-review body #app .gallery-benefits-fresh li>span:not(.nu-claim-host){font-size:13px;line-height:1.35;margin:0;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-host, html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene{width:32px;min-width:32px;height:36px;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene>.nu-claim-dog{width:20px;height:30px;} html.ux-review body #app .gallery-benefits-fresh .nu-claim-scene>svg{width:15px;height:15px;top:2px;right:-2px;} } @media(max-width:600px){ html.ux-review body #app .gallery-benefits-fresh ul{gap:6px;} html.ux-review body #app .gallery-benefits-fresh li{padding-top:6px;} html.ux-review body #app .gallery-benefits-fresh h2{margin-bottom:8px;} } /* Compatibility source: dental-coming-soon.css */ .coming-soon-card .productimage{position:relative}.coming-soon-badge{display:inline-block;background:#edf3ee;color:#102139;border:1px solid #a5c3b4;border-radius:999px;padding:.4rem .9rem;font-weight:700;font-size:.9rem}.coming-soon-card .coming-soon-badge{position:absolute;top:1rem;left:1rem}.coming-soon-status{color:#102139;background:#edf3ee;text-align:center}.dental-product-page .btn:disabled{opacity:1;background:#edf3ee;color:#102139;cursor:default;border:1px solid #a5c3b4}.dental-product-page .detailsbody{line-height:1.6}.dental-product-page .product-information{margin-top:1.5rem}.dental-product-page .product-information details{border-top:1px solid #d9dfda;padding:1rem 0}.dental-product-page .product-information summary{font-weight:700;cursor:pointer} /* Compatibility source: mixed-feeding-v1.css */ .nu-mixed{padding:80px 0;background:var(--palette-cream);color:var(--palette-navy)}.nu-mixed-heading{text-align:center;max-width:740px;margin:0 auto 40px}.nu-mixed-heading h2{font-size:clamp(36px,4.5vw,60px);line-height:1.06;margin:12px 0 20px}.nu-mixed-heading>p:last-child{font-size:21px;line-height:1.5}.nu-mixed-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.nu-mixed-demo{background:#e7f0f6;border-radius:28px;padding:28px;text-align:center}.nu-mixed-packs{height:245px;display:flex;align-items:center;justify-content:center;gap:22px}.nu-mixed-packs img{height:92%;width:35%;object-fit:contain;mix-blend-mode:multiply}.nu-mixed-packs img:first-child{height:76%}.nu-mixed-packs>span{font-size:38px;font-weight:700}.nu-mixed-radio{position:absolute;opacity:0;width:1px;height:1px}.nu-mixed-tabs{display:flex;border:1.5px solid var(--palette-navy);border-radius:40px;padding:4px;margin:20px auto;gap:4px;max-width:450px}.nu-mixed-tabs label{flex:1;padding:10px 8px;border-radius:30px;cursor:pointer;font-weight:700;font-size:17px;line-height:1.2;display:grid;place-items:center}#mix-together:checked~.nu-mixed-tabs label[for=mix-together],#mix-separate:checked~.nu-mixed-tabs label[for=mix-separate]{background:var(--palette-navy);color:white}.nu-mixed-radio:focus-visible~.nu-mixed-tabs{outline:3px solid var(--palette-navy);outline-offset:4px}.nu-mixed-separate{display:none}#mix-separate:checked~.nu-mixed-together{display:none}#mix-separate:checked~.nu-mixed-separate{display:block}.nu-mixed-bowl{width:100px;height:72px;margin:auto;animation:nuMixBob 3s ease-in-out infinite}.nu-mixed-bowl svg{width:100%;height:100%}.nu-mixed-demo h3{font-size:25px;line-height:1.2;margin:12px 0}.nu-mixed-demo p{font-size:18px;line-height:1.45;max-width:440px;margin:0 auto}.nu-mixed-demo .nu-mixed-caption{font-size:14px;margin-top:22px;opacity:.8}.nu-mixed-meals{height:72px;display:flex;justify-content:center;align-items:center;gap:20px}.nu-mixed-meals span{font-size:18px}.nu-mixed-meals b{display:block;font-size:15px}.nu-mixed-benefit{display:flex;gap:18px;margin-bottom:28px}.nu-mixed-icon{flex:0 0 48px;height:48px}.nu-mixed-icon svg{width:100%;height:100%}.nu-mixed-copy h3{font-size:27px;margin:0 0 10px;line-height:1.2}.nu-mixed-copy ul{padding-left:20px;margin:0;font-size:19px;line-height:1.6}.nu-mixed-copy .btn{margin-top:4px}.nu-mixed-sub{font-size:16px;margin:12px 0 20px}.nu-mixed-links{display:flex;gap:28px}.nu-mixed-guide{border-top:1px solid #ccd4db;margin-top:40px;padding-top:20px}.nu-mixed-guide summary{cursor:pointer;font-size:20px;font-weight:700}.nu-mixed-guide>div{max-width:900px;font-size:18px;line-height:1.5}.nu-mixed-guide p{margin:14px 0}@keyframes nuMixBob{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.nu-mixed-bowl{animation:none}}@media(max-width:760px){.nu-mixed{padding:50px 0}.nu-mixed-heading{margin-bottom:26px}.nu-mixed-heading>p:last-child{font-size:19px}.nu-mixed-grid{grid-template-columns:1fr;gap:30px}.nu-mixed-demo{padding:22px 16px}.nu-mixed-packs{height:210px}.nu-mixed-copy h3{font-size:25px}.nu-mixed-copy ul{font-size:18px}.nu-mixed-copy>.btn{width:100%;text-align:center}.nu-mixed-links{justify-content:center}.nu-mixed-sub{text-align:center}.nu-mixed-tabs label{font-size:16px}} .nu-mix-calc{margin-top:45px;padding:32px;border:1.5px solid var(--palette-navy);border-radius:24px;background:var(--palette-cream)}.nu-mix-calc h3{font-size:34px;line-height:1.15;margin:8px 0}.nu-mix-calc p{font-size:18px;line-height:1.45}.nu-mix-weight{display:flex;align-items:center;gap:24px;font-size:21px;font-weight:700;margin:24px 0 16px}.nu-mix-weight>span{display:flex;align-items:center;gap:10px}.nu-mix-weight input{width:125px;padding:10px 14px;border:1.5px solid var(--palette-navy);border-radius:12px;background:var(--palette-cream);color:var(--palette-navy);font:inherit;font-size:25px}.nu-mix-fixed{font-weight:700}.nu-mix-fixed span{display:block;font-size:15px;font-weight:400}.nu-mix-results{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 12px}.nu-mix-results article{padding:24px;background:#e7f0f6;border-radius:16px}.nu-mix-results article+article{background:#f5efe7}.nu-mix-results article>span{display:block;font-size:21px;font-weight:700}.nu-mix-results strong{display:block;font-size:36px;line-height:1.2;margin:12px 0}.nu-mix-results small{font-size:17px;font-weight:400}.nu-mix-results p{margin:6px 0}.nu-mix-results b{display:block;font-size:21px;margin-top:16px}.nu-mix-calc .nu-mix-note,.nu-mix-calc .nu-mix-rounding{font-size:15px}.nu-mix-calc details{border-top:1px solid #ccd4db;padding-top:16px;margin-top:20px}.nu-mix-calc summary{cursor:pointer;font-weight:700;font-size:17px}.nu-mix-calc details p{font-size:16px}.nu-mix-error{font-weight:600}@media(max-width:600px){.nu-mix-calc{padding:22px 18px;margin-top:30px}.nu-mix-calc h3{font-size:30px}.nu-mix-weight{flex-wrap:wrap;gap:10px}.nu-mix-results{grid-template-columns:1fr}.nu-mix-results article{padding:20px}.nu-mix-results strong{font-size:33px}} .nu-mix-pricing{margin:24px 0;padding-top:24px;border-top:1px solid #ccd4db}.nu-mix-pricing h4{font-size:29px;line-height:1.2;margin:0 0 8px}.nu-mix-pricing>p{margin:8px 0 18px}.nu-mix-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nu-mix-price-grid>div{padding:22px;border:1.5px solid var(--palette-navy);border-radius:16px}.nu-mix-price-grid>div+div{background:var(--palette-navy);color:var(--palette-cream)}.nu-mix-price-grid span{display:block;font-size:20px;font-weight:700}.nu-mix-price-grid strong{display:block;font-size:34px;line-height:1.25;margin:12px 0}.nu-mix-price-grid small{font-size:17px}.nu-mix-pricing .nu-mix-saving{font-size:19px;font-weight:700}.nu-mix-pricing .nu-mix-price-note{font-size:14px;line-height:1.5;margin-top:18px}.nu-mix-pack-cost p{font-size:17px}@media(max-width:600px){.nu-mix-price-grid{grid-template-columns:1fr}.nu-mix-price-grid strong{font-size:32px}.nu-mix-pricing h4{font-size:27px}} /* Compact mixed-feeding section and collapsed supporting guidance. */ .nu-mixed{padding:48px 0}.nu-mixed-heading{margin-bottom:26px}.nu-mixed-heading h2{margin:8px 0 12px}.nu-mixed-heading>p:last-child{margin-bottom:0}.nu-mixed-grid{gap:36px}.nu-mixed-demo{padding:22px}.nu-mixed-packs{height:200px}.nu-mixed-tabs{margin:14px auto}.nu-mixed-benefit{margin-bottom:20px}.nu-mixed-demo .nu-mixed-caption{margin-top:12px}.nu-mix-calc{margin-top:26px;padding:24px}.nu-mix-calc h3{font-size:30px;margin:4px 0}.nu-mix-calc>div:first-child>p:last-child{margin:6px 0}.nu-mix-weight{margin:16px 0 10px}.nu-mix-fixed{margin:8px 0}.nu-mix-results{margin:14px 0;gap:12px}.nu-mix-results article{padding:18px}.nu-mix-results strong{margin:8px 0;font-size:32px}.nu-mix-results b{margin-top:10px;font-size:19px}.nu-mix-pricing{margin:18px 0 0;padding-top:18px}.nu-mix-pricing h4{font-size:26px}.nu-mix-pricing>p{margin:5px 0 12px}.nu-mix-price-grid{gap:12px}.nu-mix-price-grid>div{padding:18px}.nu-mix-price-grid strong{font-size:30px;margin:8px 0}.nu-mix-pricing .nu-mix-saving{font-size:17px;margin:10px 0}.nu-mix-calc details{padding-top:12px;margin-top:12px}.nu-mix-calc details p,.nu-mix-pricing .nu-mix-price-note{font-size:15px;line-height:1.45;margin:10px 0}.nu-mix-calc summary{font-size:16px;line-height:1.35;padding:5px 0}.nu-mix-calc .nu-mix-note{font-size:14px;line-height:1.4;margin:14px 0 0}.nu-mixed-guide{margin-top:18px;padding-top:12px}.nu-mixed-guide summary{font-size:17px}.nu-mixed-guide>div{font-size:16px}@media(max-width:600px){.nu-mixed{padding:32px 0}.nu-mixed-heading h2{font-size:34px}.nu-mixed-heading>p:last-child{font-size:17px;line-height:1.4}.nu-mixed-grid{gap:22px}.nu-mixed-demo{padding:16px}.nu-mixed-packs{height:170px}.nu-mixed-demo h3{font-size:22px}.nu-mixed-demo p{font-size:16px}.nu-mixed-copy h3{font-size:23px}.nu-mixed-copy ul{font-size:16px;line-height:1.45}.nu-mixed-benefit{gap:12px;margin-bottom:18px}.nu-mixed-icon{flex-basis:36px;height:36px}.nu-mixed-sub{margin:8px 0 12px;font-size:15px}.nu-mix-calc{padding:18px 14px;margin-top:20px}.nu-mix-calc h3{font-size:27px}.nu-mix-calc p{font-size:16px;line-height:1.4}.nu-mix-weight{font-size:18px;gap:12px}.nu-mix-weight input{font-size:22px;padding:7px 10px;width:105px}.nu-mix-results,.nu-mix-price-grid{grid-template-columns:1fr 1fr;gap:10px}.nu-mix-results article,.nu-mix-price-grid>div{padding:14px 11px;min-width:0}.nu-mix-results article>span,.nu-mix-price-grid span{font-size:16px;line-height:1.2}.nu-mix-results strong{font-size:26px;line-height:1.15}.nu-mix-results small{display:block;font-size:13px}.nu-mix-results p{font-size:14px}.nu-mix-results b{font-size:16px;line-height:1.25}.nu-mix-price-grid strong{font-size:25px;line-height:1.2;overflow-wrap:normal}.nu-mix-price-grid small{font-size:13px}.nu-mix-pricing h4{font-size:24px}.nu-mix-pricing .nu-mix-saving{font-size:15px}.nu-mix-calc .nu-mix-note{font-size:13px}.nu-mix-calc details p,.nu-mix-pricing .nu-mix-price-note{font-size:14px}.nu-mix-calc summary{font-size:15px}.nu-mixed-links{gap:22px;font-size:17px}} /* Denser calculator: short labels, minimal vertical gaps, legible key figures. */ .nu-mix-calc{padding:20px}.nu-mix-calc h3{font-size:27px;margin:0}.nu-mix-weight{margin:12px 0 8px}.nu-mix-results strong small{display:inline;font-size:13px;font-weight:400}.nu-mix-results p{margin:4px 0}.nu-mix-results b{margin-top:6px}.nu-mix-pricing{padding-top:12px;margin-top:12px}.nu-mix-pricing h4{font-size:23px;margin:0 0 12px}.nu-mix-price-grid strong{font-size:28px;margin:6px 0}.nu-mix-calc details{margin-top:8px;padding-top:8px}.nu-mix-calc summary{padding:3px 0}.nu-mix-calc .nu-mix-note{margin:10px 0 0}@media(max-width:600px){.clean-home .nu-mix-calc{padding:14px 12px;border-radius:18px}.clean-home .nu-mix-calc h3{font-size:24px;line-height:1.15;margin:0}.clean-home .nu-mix-weight{margin:10px 0 6px;font-size:16px;line-height:1.2;gap:14px;justify-content:space-between}.clean-home .nu-mix-weight input{width:82px;padding:6px 9px;min-height:40px;font-size:20px}.clean-home .nu-mix-calc .nu-mix-fixed{font-size:14px;line-height:1.25;margin:8px 0}.clean-home .nu-mix-fixed span{font-size:12px;margin-top:2px}.clean-home .nu-mix-results{margin:10px 0;gap:8px}.clean-home .nu-mix-results article{padding:12px 10px;border-radius:12px}.clean-home .nu-mix-results article>span{font-size:15px;line-height:1.1}.clean-home .nu-mix-results strong{font-size:25px;line-height:1.15;margin:6px 0}.clean-home .nu-mix-results strong small{display:block;font-size:11px;line-height:1.1}.clean-home .nu-mix-results p{font-size:12px;line-height:1.25;margin:4px 0}.clean-home .nu-mix-results b{font-size:14px;line-height:1.2;margin-top:6px}.clean-home .nu-mix-pricing{padding-top:10px;margin:10px 0 0}.clean-home .nu-mix-pricing h4{font-size:21px;line-height:1.15;margin:0 0 10px}.clean-home .nu-mix-price-grid{gap:8px}.clean-home .nu-mix-price-grid>div{padding:12px 9px;border-radius:12px}.clean-home .nu-mix-price-grid span{font-size:13px;line-height:1.2}.clean-home .nu-mix-price-grid strong{font-size:23px;line-height:1.15;margin:6px 0;letter-spacing:-.4px}.clean-home .nu-mix-price-grid small{font-size:12px;line-height:1.2}.clean-home .nu-mix-pricing .nu-mix-saving{font-size:13px;line-height:1.25;margin:8px 0}.clean-home .nu-mix-calc details{padding-top:7px;margin-top:7px}.clean-home .nu-mix-calc summary{font-size:13px;line-height:1.3;padding:5px 0}.clean-home .nu-mix-calc .nu-mix-note{font-size:12px;line-height:1.3;margin:9px 0 0}.clean-home .nu-mix-calc details p{font-size:13px;line-height:1.4;margin:8px 0}} /* Three feeding routines share one weight and a clear cost comparison. */ .nu-feed-tabs{display:none}.nu-feed-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.nu-feed-card{display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid var(--palette-navy);border-radius:18px;background:var(--palette-cream);color:var(--palette-navy)}.nu-feed-card.nu-feed-featured{background:#e3f1fa;border:2px solid var(--palette-navy)}.nu-feed-badge{font-size:14px;font-weight:600;min-height:22px}.nu-feed-card h4{font-size:30px;line-height:1.15;margin:10px 0}.nu-mix-calc .nu-feed-description{font-size:16px;line-height:1.4;min-height:45px;margin:0 0 16px}.nu-feed-price{padding:16px 0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)}.nu-feed-price>span,.nu-feed-price small{display:block;font-size:15px}.nu-feed-price strong{display:block;font-size:34px;line-height:1.15;margin:6px 0;white-space:nowrap}.nu-mix-calc .nu-feed-once{font-size:15px;margin:0 0 18px}.nu-feed-portions{display:grid;gap:6px;font-size:16px;padding:16px 0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)}.nu-feed-portions>span{font-size:13px}.nu-feed-portions>span:not(:first-child){margin-top:10px}.nu-feed-portions small{font-size:13px}.nu-feed-card .nu-feed-order{margin-top:auto;margin-bottom:18px}.nu-feed-card .nu-feed-choose{width:100%;font-size:16px;text-align:center;margin-top:0;padding:12px 8px;min-height:48px}.nu-feed-secondary{font-size:13px;text-align:center;margin-top:10px;text-decoration:underline;min-height:36px}.nu-feed-card:not(.nu-feed-featured):after{content:'';height:46px}.nu-feed-tabs button:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px} @media(max-width:760px){.nu-feed-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.nu-feed-tabs button{font:inherit;font-size:15px;font-weight:700;min-height:48px;padding:8px 3px;border:1px solid var(--palette-navy);border-radius:10px;background:var(--palette-cream);color:var(--palette-navy)}.nu-feed-tabs button[aria-pressed=true]{background:var(--palette-navy);color:white}.nu-feed-options{display:block;margin:12px 0}.nu-feed-card{padding:22px 18px}.nu-mix-calc[data-feed-selected=mix] [data-feed-card]:not([data-feed-card=mix]),.nu-mix-calc[data-feed-selected=fresh] [data-feed-card]:not([data-feed-card=fresh]),.nu-mix-calc[data-feed-selected=cold] [data-feed-card]:not([data-feed-card=cold]){display:none}.nu-feed-card:not(.nu-feed-featured):after{display:none}.nu-feed-card h4{font-size:30px}.nu-feed-price strong{font-size:38px}.nu-feed-card .nu-feed-description{min-height:0;font-size:16px}.nu-feed-card .nu-feed-once{font-size:15px}.nu-feed-card .nu-feed-order{margin-top:4px}.nu-feed-card .nu-feed-choose{font-size:17px}} /* Distinct pastel backgrounds for each feeding choice. */ .nu-feed-card[data-feed-card="fresh"]{background:#f8e4d4}.nu-feed-card[data-feed-card="cold"]{background:#eae3f2} .nu-guide-export{padding:20px;margin:20px 0;border-radius:16px;background:#f5f5f1;text-align:center}.nu-guide-export strong{font-size:24px}.nu-guide-export p{margin:6px 0 14px}.nu-guide-export small{display:block;margin-top:10px}.nu-guide-dialog{width:min(540px,calc(100% - 24px));max-height:90vh;overflow:auto}.nu-guide-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 53.33%, transparent)}.nu-guide-dialog input{width:100%;min-height:48px}.nu-guide-dialog .btn{width:100%;min-height:48px} .nu-guide-preview{display:block;width:100%;height:auto;margin-top:18px;border:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)} /* Compatibility source: desktop-layout-v464.css */ /* Desktop landing-page rhythm. Keep the established mobile layout intact. */ @media (min-width: 1024px) { html.ux-review body #app .clean-home { --desktop-space:56px; } html.ux-review body #app .clean-home > section {box-sizing:border-box;} html.ux-review body #app .clean-home > section > .wrap {width:calc(100% - 96px);max-width:1120px;margin-inline:auto;padding:0;} html.ux-review body #app .clean-home :is(.nu-natural-promise,.clean-range-section,.nu-fresh-steps,.clean-mixed,.clean-benefit-section,.nu-mixed,.clean-journal,.clean-faq-section) {padding-block:var(--desktop-space);} html.ux-review body #app .clean-home .nu-natural-intro {max-width:none;width:100%;padding:28px 32px;grid-template-columns:minmax(0,1fr) 220px;margin-bottom:20px;} html.ux-review body #app .clean-home .nu-natural-intro h2 {font-size:42px;} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark {width:200px;height:150px;} html.ux-review body #app .clean-home .nu-natural-grid {max-width:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px;} html.ux-review body #app .clean-home .nu-natural-grid li {padding:22px 18px;min-width:0;} html.ux-review body #app .clean-home .nu-natural-grid h3 {font-size:22px;line-height:1.2;min-height:53px;margin:12px 0 8px;} html.ux-review body #app .clean-home .nu-natural-grid p {font-size:16px;line-height:1.4;margin:0;} html.ux-review body #app .clean-home .sectionhead {margin-bottom:26px;} html.ux-review body #app .clean-home .clean-range-carousel {gap:22px;align-items:stretch;} html.ux-review body #app .clean-home .clean-range-card {grid-template-columns:36% minmax(0,1fr);min-height:330px;padding-top:64px;} html.ux-review body #app .clean-home .clean-range-image {min-height:240px;padding:16px 12px;} html.ux-review body #app .clean-home .clean-range-image :is(img,svg) {height:220px;max-height:220px;transform:none;} html.ux-review body #app .clean-home .clean-range-copy {display:flex;flex-direction:column;padding:18px 20px 18px 4px;} html.ux-review body #app .clean-home .clean-range-copy > p:not(.nu-range-method) {min-height:48px;} html.ux-review body #app .clean-home .clean-range-link {margin-top:auto;display:flex;justify-content:space-between;align-items:center;} html.ux-review body #app .clean-home .nu-steps-intro {display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:36px;margin-bottom:26px;} html.ux-review body #app .clean-home .nu-steps-intro > p {max-width:440px;justify-self:end;margin:0;} html.ux-review body #app .clean-home .nu-serving-layout {grid-template-columns:1fr 1fr;gap:40px;align-items:center;} html.ux-review body #app .clean-home .nu-food-photo img {width:100%;height:310px;object-fit:cover;border-radius:22px;} html.ux-review body #app .clean-home .clean-why-layout {display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px 40px;align-items:start;} html.ux-review body #app .clean-home .flow-why-intro {display:block;margin:0;max-width:none;} html.ux-review body #app .clean-home .clean-proof-grid {width:100%;max-width:none;margin:0;gap:0 24px;} html.ux-review body #app .clean-home .clean-proof-grid article {padding:18px 0;} html.ux-review body #app .clean-home .clean-proof-grid article h3 {font-size:22px;} html.ux-review body #app .clean-home .nu-benefit-action {grid-column:2;margin:0;justify-self:start;} html.ux-review body #app .clean-home .nu-mixed > .wrap {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;align-items:start;} html.ux-review body #app .clean-home .nu-mixed-heading {grid-column:1/-1;max-width:740px;margin:0 auto 4px;} html.ux-review body #app .clean-home .nu-mixed-heading h2 {font-size:44px;} html.ux-review body #app .clean-home .nu-mixed-heading > p:last-child {font-size:18px;line-height:1.45;} html.ux-review body #app .clean-home .nu-mixed-grid {grid-column:1;grid-row:2;grid-template-columns:1fr;gap:22px;} html.ux-review body #app .clean-home .nu-mixed-demo {padding:20px;} html.ux-review body #app .clean-home .nu-mixed-packs {height:170px;} html.ux-review body #app .clean-home .nu-mixed-bowl {width:66px;height:46px;} html.ux-review body #app .clean-home .nu-mixed-demo h3 {font-size:24px;margin:10px 0;} html.ux-review body #app .clean-home .nu-mixed-demo p {font-size:16px;line-height:1.4;} html.ux-review body #app .clean-home .nu-mixed-benefit {gap:12px;margin-bottom:16px;} html.ux-review body #app .clean-home .nu-mixed-copy h3 {font-size:22px;margin-bottom:6px;} html.ux-review body #app .clean-home .nu-mixed-copy ul {font-size:16px;line-height:1.45;} html.ux-review body #app .clean-home .nu-mixed-icon {flex-basis:34px;height:34px;} html.ux-review body #app .clean-home .nu-mix-calc {grid-column:2;grid-row:2;margin:0;padding:24px;min-width:0;} html.ux-review body #app .clean-home .nu-mix-results strong {font-size:28px;} html.ux-review body #app .clean-home .nu-mix-results article,.nu-mix-price-grid>div {padding:16px;} html.ux-review body #app .clean-home .nu-mix-price-grid strong {font-size:26px;white-space:nowrap;} html.ux-review body #app .clean-home .nu-mixed-guide {grid-column:1/-1;margin-top:0;padding-top:12px;} html.ux-review body #app .clean-home .nu-podium-section {padding:28px 0 40px;} html.ux-review body #app .clean-home .nu-podium-scene {width:min(100%,680px);max-width:680px;} html.ux-review body #app .clean-home .clean-review-section {padding:36px 0;} html.ux-review body #app .clean-home .clean-review-layout {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;} html.ux-review body #app .clean-home .clean-review-layout > div:first-child {grid-column:1;grid-row:1;} html.ux-review body #app .clean-home .clean-review-layout h2 {font-size:34px;max-width:none;} html.ux-review body #app .clean-home .clean-review-actions {grid-column:2;grid-row:1;margin:0;} html.ux-review body #app .clean-home .clean-faq {max-width:960px;} html.ux-review body #app .clean-home .clean-faq-heading {margin-bottom:24px;} html.ux-review body #app .clean-home .clean-faq details {margin-bottom:12px;} } @media (min-width:1024px) { html.ux-review body #app .clean-home .nu-mix-calc :is(p,.nu-mix-fixed) {font-size:16px;line-height:1.4;} html.ux-review body #app .clean-home .nu-mix-calc .nu-mix-note {font-size:14px;} } @media (min-width:1024px) and (max-width:1400px) { html.ux-review body #app header nav {gap:18px;} html.ux-review body #app header nav a {white-space:nowrap;} html.ux-review body #app header .brand-tagline {display:none;} } @media(min-width:1024px){ html.ux-review body #app #main .clean-home .nu-podium-qualities{max-width:680px;margin:12px auto 24px;gap:24px;} html.ux-review body #app #main .clean-home .nu-podium-qualities li{font-size:20px;} } /* Journal cards share an image ratio, text rhythm and bottom-aligned link. */ .clean-journal .journal-controls button:disabled{opacity:.35;cursor:default;} @media(min-width:1024px){ html.ux-review body #app #main .clean-journal .journal-track{gap:24px;padding:4px 0 16px;scroll-padding-inline:0;align-items:stretch;} html.ux-review body #app #main .clean-journal .journal-card{flex:0 0 calc((100% - 48px)/3);border-radius:20px;} html.ux-review body #app #main .clean-journal .journal-card>a{display:flex;flex-direction:column;height:100%;} html.ux-review body #app #main .clean-journal .journal-card img{width:100%;height:220px;aspect-ratio:3/2;object-fit:cover;flex-shrink:0;} html.ux-review body #app #main .clean-journal .journal-copy{padding:22px;display:flex;flex:1;flex-direction:column;} html.ux-review body #app #main .clean-journal .journal-copy .eyebrow{font-size:13px;line-height:1.4;letter-spacing:.06em;} html.ux-review body #app #main .clean-journal .journal-copy h3{font-size:23px;line-height:1.25;min-height:3.75em;margin:12px 0 16px;} html.ux-review body #app #main .clean-journal .journal-updated{font-size:15px;line-height:1.4;margin:0 0 14px;} html.ux-review body #app #main .clean-journal .journal-copy .textlink{font-size:17px;line-height:1.3;margin-top:auto;padding-top:6px;gap:6px;min-height:32px;} html.ux-review body #app #main .clean-journal .journal-controls{margin-top:8px;} } /* Review cards reserved for real customer feedback after launch. */ html.ux-review body #app #reviews .clean-review-layout{display:block} html.ux-review body #app #reviews .clean-review-actions{display:block;margin-top:20px} html.ux-review body #app #reviews .nu-review-preview{font-size:14px;line-height:1.4;margin:0 0 20px;color:#51606a} .nu-review-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px} .nu-review-sample{background:#fffdf8;border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:22px;padding:26px;display:flex;flex-direction:column;min-width:0} html.ux-review body #app #reviews .nu-sample-stars{color:var(--palette-navy);font-size:23px;letter-spacing:3px} html.ux-review body #app #reviews .nu-review-sample h3{font-size:23px;line-height:1.25;margin:14px 0 10px} html.ux-review body #app #reviews .nu-review-sample blockquote{font-size:18px;line-height:1.5;margin:0 0 24px} html.ux-review body #app #reviews .nu-review-sample footer{background:none;padding:0;margin-top:auto;display:grid;gap:3px} html.ux-review body #app #reviews .nu-review-sample footer strong{font-size:17px} html.ux-review body #app #reviews .nu-review-sample footer span{font-size:15px} html.ux-review body #app #reviews .nu-review-sample footer small{font-size:12px;color:#51606a} @media(max-width:850px){.nu-review-samples{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px}.nu-review-sample{flex:0 0 87%;scroll-snap-align:start;padding:22px}} html.ux-review body #app #reviews .nu-review-sample footer,html.ux-review body #app #reviews .nu-review-sample footer :is(strong,span){color:var(--palette-navy)} /* Prominent catalogue photography and clear purchase controls. */ html.ux-review body #app .shop-page .product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))} html.ux-review body #app .shop-page .product-card-grid>.recipe-card{display:flex;flex-direction:column;gap:16px;padding:20px} html.ux-review body #app .shop-page .recipe-card>.productimage{height:310px;min-height:310px;grid-column:auto;grid-row:auto;width:100%;overflow:hidden} html.ux-review body #app .shop-page .recipe-card>.productimage>:is(img,svg.packvisual){height:300px;max-height:300px;width:100%;object-fit:contain} html.ux-review body #app .shop-page .recipe-card>.card-body{width:100%} html.ux-review body #app .shop-page .recipe-card>.treat-quick-buy{width:100%;margin-top:auto} html.ux-review body #app .shop-page .mix-pouch-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0} html.ux-review body #app .shop-page .mix-pouch-stack>img{height:240px;max-height:240px} html.ux-review body #app .nu-hero-subhead{font-size:21px;line-height:1.4;margin:16px 0;max-width:40ch} @media(max-width:1050px){html.ux-review body #app .shop-page .product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){html.ux-review body #app .shop-page .product-card-grid{grid-template-columns:minmax(0,1fr)}html.ux-review body #app .shop-page .recipe-card>.productimage{height:300px;min-height:300px}html.ux-review body #app .nu-hero-subhead{font-size:18px}} /* Keep recipe facts compact so purchase controls remain close to the image. */ html.ux-review body #app .shop-page .recipe-card .premium-benefit-badges{display:none} html.ux-review body #app .shop-page .recipe-card .nu-review-badge{margin:4px 0} html.ux-review body #app .shop-page .recipe-card>.card-body{gap:4px} html.ux-review body #app .shop-page .recipe-card .card-pricing-simple{padding-top:6px;margin-top:2px} html.ux-review body #app .shop-page .recipe-card .treat-quick-buy{display:grid;grid-template-columns:1fr auto;gap:6px 12px} html.ux-review body #app .shop-page .treat-quick-buy>label:first-child{grid-column:1/-1} html.ux-review body #app .shop-page .treat-quick-buy>label:first-child select{width:100%;max-width:100%;box-sizing:border-box} html.ux-review body #app .shop-page .treat-quick-buy>.quantity-stepper{grid-column:2;grid-row:2/4;margin:0} html.ux-review body #app .shop-page .treat-quick-buy>:is(.card-action,.treat-add-status){grid-column:1/-1} html.ux-review body #app .nu-review-demo small{display:block;font-size:11px;line-height:1.3;font-weight:400;color:#51606a} #reviews{scroll-margin-top:155px} .clean-journal img[src*="nudog-fresh-turkey-front-v441"]{object-fit:contain;background:#f2eaf3;padding:12px;box-sizing:border-box} /* Purchase flow: short decisions, compact basket, readable mobile checkout. */ html.ux-review body #app .purchase-mode,html.ux-review body #app .treat-quick-buy>label{grid-column:1/-1;display:block} html.ux-review body #app label[hidden],html.ux-review body #app p[hidden]{display:none} html.ux-review body #app .purchase-mode select{width:100%;min-height:46px;box-sizing:border-box} html.ux-review body #app .purchase-shipping-note{grid-column:1/-1;font-size:13px;line-height:1.4;margin:3px 0 8px;color:var(--palette-slate)} html.ux-review body #app .treat-quick-buy>.quantity-stepper{grid-row:auto;grid-column:2} html.ux-review body #app .cartrow{gap:16px;padding-block:20px;grid-template-columns:76px minmax(0,1fr) 130px 65px} html.ux-review body #app .cartrow .cartvisual{width:76px;height:100px} html.ux-review body #app .cartrow h3{margin:0 0 6px;font-size:20px} html.ux-review body #app .cart-purchase-choice p{font-size:14px;line-height:1.4;margin:6px 0} .basket-quantity{display:flex;align-items:center;border:1px solid color-mix(in srgb, var(--palette-navy) 33.33%, transparent);border-radius:12px;overflow:hidden} .basket-quantity button{min-width:38px;min-height:44px;background:var(--palette-cream);border:0;color:var(--palette-navy);font-size:22px;cursor:pointer} html.ux-review body #app .basket-quantity input{width:42px;min-width:0;padding:8px 2px;text-align:center;border:0;box-sizing:border-box} html.ux-review body #app .checkout-order-details{border:0;margin:0 0 16px;padding:0} html.ux-review body #app .checkout-order-details summary{cursor:pointer;font-size:20px;line-height:1.4;padding:8px 0;display:flex;justify-content:space-between;gap:12px} html.ux-review body #app .checkout-item{padding:12px 0;margin:0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 13.33%, transparent)} html.ux-review body #app .checkout-item h3{font-size:18px;margin:0 0 4px} html.ux-review body #app .checkout-item p{font-size:16px;line-height:1.4;margin:3px 0} html.ux-review body #app .checkout-summary .checkout-totals{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:18px} html.ux-review body #app .checkout-summary .recurring-summary{padding-top:12px;margin-top:16px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #app .checkout-summary .recurring-summary p{font-size:14px;line-height:1.4;margin:8px 0} html.ux-review body #app .checkout-summary .recurring-summary h3{font-size:18px;margin:0 0 8px} html.ux-review body #app .checkout-fields{gap:14px} html.ux-review body #app .checkout-fields label{font-size:16px} html.ux-review body #app .checkout-fields input{min-height:46px} .trial-delivered-price{display:block;font-size:14px;line-height:1.4;margin:6px 0;color:var(--palette-navy)} @media(max-width:850px){html.ux-review body #app .cartrow{grid-template-columns:64px minmax(0,1fr);gap:10px 14px;padding-block:16px}html.ux-review body #app .cartrow>label{grid-column:2;max-width:140px}html.ux-review body #app .cartrow>.remove{grid-column:2;justify-self:start;min-height:44px}html.ux-review body #app .checkout-layout{display:flex;flex-direction:column;gap:20px}html.ux-review body #app .checkout-summary{padding:20px;width:100%;box-sizing:border-box}html.ux-review body #app .checkout-order-details{width:100%}} .checkout-total-strip{display:none} @media(max-width:850px){html.ux-review body #app .checkout-total-strip{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:4;background:#fffdf8;border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:12px;padding:12px;margin:0 0 20px;font-size:16px;gap:12px}} .hero-shopping-paths{display:flex;flex-wrap:wrap;gap:12px 24px;margin:12px 0}.hero-shopping-paths a{color:var(--palette-navy);text-underline-offset:4px;font-weight:700;min-height:44px;display:inline-flex;align-items:center} /* The hero leads with one action and an upfront delivered trial price. */ html.ux-review body #app .hero-offer-price{margin:10px 0 0;line-height:1.4} html.ux-review body #app .hero-offer-price strong{display:block;font-size:23px} html.ux-review body #app .hero-offer-price span{display:block;font-size:16px;margin:4px 0} html.ux-review body #app .hero-offer-price small{display:block;font-size:13px;line-height:1.4} html.ux-review body #app .flow-hero-copy .clean-main-action{margin-top:8px} html.ux-review body #app .flow-hero-copy .flow-hero-lead{font-size:16px;margin:8px 0 12px} html.ux-review body #app .hero-shopping-paths{margin:6px 0} html.ux-review body #app .card-pack-picker select{width:100%;min-height:46px;box-sizing:border-box} .quick-basket-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-left:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);padding:24px 24px max(24px,env(safe-area-inset-bottom));background:#fffdf8;color:var(--palette-navy);overflow-y:auto;font-family:'Nu Baloo 2',sans-serif} .quick-basket-drawer::backdrop{background:color-mix(in srgb, var(--palette-navy) 40.0%, transparent)} .drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px} .drawer-heading h2{font-size:25px;line-height:1.2;margin:0} .drawer-heading button{min-width:44px;min-height:44px;border:1px solid color-mix(in srgb, var(--palette-navy) 26.67%, transparent);border-radius:12px;background:white;color:var(--palette-navy);font-size:27px;cursor:pointer} .drawer-item{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;margin:25px 0;padding-bottom:24px;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} .drawer-item img{width:90px;height:140px;object-fit:contain} .drawer-item h3{font-size:21px;margin:0 0 8px} .drawer-item p{font-size:16px;line-height:1.4;margin:7px 0} .drawer-total{display:flex;justify-content:space-between;gap:16px;font-size:22px} .quick-basket-drawer .btn,.drawer-continue{width:100%;box-sizing:border-box;min-height:48px;margin-top:14px;display:flex;justify-content:center;align-items:center} .drawer-continue{background:transparent;border:1px solid var(--palette-navy);border-radius:12px;color:var(--palette-navy);font:700 17px 'Nu Baloo 2',sans-serif;cursor:pointer} .quick-basket-drawer>.textlink{display:block;text-align:center;margin:20px 0;min-height:44px} @media(max-width:850px){html.ux-review body #app .checkout-page~.chat-launcher,body:has(.checkout-page) .chat-launcher,body:has(.trial-journey .checkout-fields) .chat-launcher{display:none}body:has(.mobile-purchase-bar) .chat-launcher{bottom:100px}.quick-basket-drawer{padding:20px;max-width:100vw}} html.ux-review body #app .purchase-shipping-details{grid-column:1/-1;margin:0 0 10px;border:0;padding:0;color:var(--palette-slate)} html.ux-review body #app .purchase-shipping-details[hidden]{display:none} html.ux-review body #app .purchase-shipping-details summary{font-size:14px;line-height:1.4;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:3px} .purchase-shipping-details summary::after{content:'+'}.purchase-shipping-details[open] summary::after{content:'−'} html.ux-review body #app .purchase-shipping-details p{font-size:13px;line-height:1.45;margin:0 0 8px} html.ux-review body #app .purchase-shipping-note{font-size:16px;font-weight:700;color:var(--palette-navy);margin:4px 0} html.ux-review body #app .nu-complete-note{max-width:54ch;margin:14px auto;font-size:17px;line-height:1.45} @media(min-width:1024px){html.ux-review body #app .clean-home .nu-mixed-grid{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;align-items:center}html.ux-review body #app .clean-home .nu-mix-calc{grid-column:1/-1;grid-row:3}html.ux-review body #app .clean-home .nu-feed-card .nu-feed-description{min-height:45px}html.ux-review body #app .clean-home .nu-feed-card h4{font-size:30px}} /* Compact visual introduction joined to the three-option calculator. */ html.ux-review body #app .clean-home .nu-feeding-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-column:1/-1;grid-row:2;margin:0 0 18px}html.ux-review body #app .clean-home .nu-feeding-tile{min-width:0;border-radius:18px;padding:18px 10px;text-align:center;color:var(--palette-navy)}html.ux-review body #app .clean-home .nu-tile-mix{background:#e3f1fa}html.ux-review body #app .clean-home .nu-tile-fresh{background:#f8e4d4}html.ux-review body #app .clean-home .nu-tile-cold{background:#eae3f2}html.ux-review body #app .clean-home .nu-tile-packs{height:145px;display:flex;align-items:center;justify-content:center;gap:12px}html.ux-review body #app .clean-home .nu-tile-packs img{height:100%;max-width:38%;object-fit:contain}html.ux-review body #app .clean-home .nu-tile-packs span{font-size:28px}html.ux-review body #app .clean-home .nu-feeding-tile h3{font-size:24px;line-height:1.15;margin:14px 0 5px}html.ux-review body #app .clean-home .nu-feeding-tile p{font-size:16px;line-height:1.3;margin:0}html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc{margin-top:0} @media(max-width:600px){html.ux-review body #app .clean-home .nu-feeding-tiles{gap:8px;margin-bottom:16px}html.ux-review body #app .clean-home .nu-feeding-tile{padding:14px 5px;border-radius:14px}html.ux-review body #app .clean-home .nu-tile-packs{height:88px;gap:3px}html.ux-review body #app .clean-home .nu-tile-packs img{max-width:40%}html.ux-review body #app .clean-home .nu-tile-packs span{font-size:18px}html.ux-review body #app .clean-home .nu-feeding-tile h3{font-size:18px;margin-top:10px}html.ux-review body #app .clean-home .nu-feeding-tile p{font-size:13px}} /* Compatibility source: brand-detail-polish-v488.css */ /* Small brand refinements on the restored homepage. */ /* Original dog artwork appears only as a quiet decorative signature. */ html.ux-review body #app .clean-home :is(.nu-natural-promise,.nu-mixed){position:relative;isolation:isolate} html.ux-review body #app .clean-home :is(.nu-natural-promise,.nu-mixed)>.wrap{position:relative;z-index:1} html.ux-review body #app .clean-home .nu-natural-promise::after, html.ux-review body #app .clean-home .nu-mixed::after{content:'';position:absolute;width:145px;height:218px;background:url('/__l5e/assets-v1/bc3898f1-632a-409d-8a54-c0f1db1d001e/nudog-character-navy-v314.svg') center/contain no-repeat;opacity:.035;pointer-events:none;z-index:0} html.ux-review body #app .clean-home .nu-natural-promise::after{right:22px;top:26px} html.ux-review body #app .clean-home .nu-mixed::after{left:20px;top:28px;width:110px;height:165px} /* One headline rhythm, with the existing hero treatment retained. */ html.ux-review body #app .clean-home :is(.sectionhead h2,.nu-steps-intro h2,.clean-mixed-heading,.nu-mixed-heading h2,.clean-review-layout h2,#journal-heading){font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.02em;margin-top:0;margin-bottom:16px} html.ux-review body #app .clean-home :is(.sectionhead,.nu-steps-intro,.nu-mixed-heading){margin-bottom:28px} html.ux-review body #app .clean-home :is(.sectionhead,.nu-steps-intro,.nu-mixed-heading)>p{line-height:1.45} /* Match benefit icons while preserving their original paths and colours. */ html.ux-review body #app .clean-home .nu-easy-icons li>span:first-child{width:42px;height:42px;display:grid;place-items:center} html.ux-review body #app .clean-home .nu-easy-icons svg{width:34px;height:34px;stroke-width:1.5} html.ux-review body #app .clean-home .nu-range-badge>svg{width:20px;height:20px;flex:0 0 20px;stroke-width:1.5} html.ux-review body #app .clean-home .nu-step-art>svg{width:44px;height:44px;stroke-width:1.5} html.ux-review body #app .clean-home .nu-mixed-icon>svg{width:34px;height:34px;stroke-width:1.5} /* Give the four range renders a shared frame and comparable visual weight. */ html.ux-review body #app .clean-home .clean-range-image{display:flex;align-items:center;justify-content:center;min-width:0} html.ux-review body #app .clean-home .clean-range-image :is(img,svg){width:100%;height:220px;max-height:220px;object-fit:contain;object-position:center;transform:none} html.ux-review body #app .clean-home .clean-range-card:is([href="#shop/oil"],[href="/shop/oil"]) .clean-range-image :is(img,svg){height:210px;max-height:210px} @media(max-width:850px){ html.ux-review body #app .clean-home :is(.sectionhead h2,.nu-steps-intro h2,.clean-mixed-heading,.nu-mixed-heading h2,.clean-review-layout h2,#journal-heading){font-size:34px;line-height:1.14;margin-bottom:12px} html.ux-review body #app .clean-home :is(.sectionhead,.nu-steps-intro,.nu-mixed-heading){margin-bottom:22px} html.ux-review body #app .clean-home .clean-range-image :is(img,svg){height:190px;max-height:190px} html.ux-review body #app .clean-home .clean-range-card:is([href="#shop/oil"],[href="/shop/oil"]) .clean-range-image :is(img,svg){height:180px;max-height:180px} html.ux-review body #app .clean-home .nu-natural-promise::after{width:82px;height:123px;right:8px;top:12px;opacity:.03} html.ux-review body #app .clean-home .nu-mixed::after{width:65px;height:98px;left:6px;top:12px;opacity:.025} } /* Visible polish: clear brand signatures, stronger headings and legible badges. */ html.ux-review body #app .clean-home .nu-natural-promise::after{width:160px;height:240px;opacity:.12;right:22px;top:22px} html.ux-review body #app .clean-home .nu-mixed::after{width:125px;height:188px;opacity:.10;left:22px;top:25px} html.ux-review body #app .clean-home :is(.sectionhead h2,.nu-steps-intro h2,.clean-mixed-heading,.nu-mixed-heading h2,.clean-review-layout h2,#journal-heading){font-size:46px;line-height:1.1;margin-bottom:20px} html.ux-review body #app .clean-home :is(.sectionhead,.nu-steps-intro,.nu-mixed-heading){margin-bottom:32px} html.ux-review body #app .clean-home .nu-easy-icons li>span:first-child{width:54px;height:54px;background:var(--palette-navy);color:var(--palette-cream);border-radius:50%;padding:10px;box-sizing:border-box;transform:none} html.ux-review body #app .clean-home .nu-easy-icons li>span:first-child svg{width:34px;height:34px;color:var(--palette-cream);stroke:var(--palette-cream)} html.ux-review body #app .clean-home .nu-step-art>svg{width:58px;height:58px;box-sizing:border-box;padding:11px;border-radius:50%;background:var(--palette-navy);color:var(--palette-cream);stroke:var(--palette-cream)} html.ux-review body #app .clean-home .clean-range-image{min-height:270px;align-items:flex-end;padding-bottom:22px;box-sizing:border-box} html.ux-review body #app .clean-home .clean-range-image :is(img,svg){height:260px;max-height:260px;object-position:center bottom} html.ux-review body #app .clean-home .clean-range-card:is([href="#shop/oil"],[href="/shop/oil"]) .clean-range-image :is(img,svg){height:245px;max-height:245px} @media(max-width:850px){ html.ux-review body #app .clean-home :is(.sectionhead h2,.nu-steps-intro h2,.clean-mixed-heading,.nu-mixed-heading h2,.clean-review-layout h2,#journal-heading){font-size:38px;margin-bottom:16px} html.ux-review body #app .clean-home :is(.sectionhead,.nu-steps-intro,.nu-mixed-heading){margin-bottom:26px} html.ux-review body #app .clean-home .nu-natural-promise::after{width:76px;height:114px;right:8px;top:12px;opacity:.11} html.ux-review body #app .clean-home .nu-mixed::after{width:65px;height:98px;left:8px;top:12px;opacity:.10} html.ux-review body #app .clean-home .clean-range-image{min-height:240px;padding-bottom:18px} html.ux-review body #app .clean-home .clean-range-image :is(img,svg){height:230px;max-height:230px} html.ux-review body #app .clean-home .clean-range-card:is([href="#shop/oil"],[href="/shop/oil"]) .clean-range-image :is(img,svg){height:215px;max-height:215px} html.ux-review body #app .clean-home .nu-easy-icons li>span:first-child{width:48px;height:48px;padding:9px} html.ux-review body #app .clean-home .nu-easy-icons li>span:first-child svg{width:30px;height:30px} } /* Compatibility source: compact-footer-v490.css */ /* Compact, warm-white Nudog footer. */ html.ux-review body footer.compact-footer{background:var(--palette-cream);color:var(--palette-navy);padding:32px 5% 20px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 12.55%, transparent)} .compact-footer *{color:inherit} .compact-footer .footer-top{display:grid;grid-template-columns:minmax(220px,.85fr) 2fr;gap:56px;margin:0 auto 20px;max-width:1280px} .compact-footer .footerlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .compact-footer .footer-brand-heading{display:flex;align-items:center;gap:20px} .compact-footer .logo{width:118px;height:auto;filter:none} .compact-footer .footer-dog-watermark{position:static;width:42px;height:64px;opacity:1;object-fit:contain} .compact-footer .footer-brand-slogan{font-size:18px;margin:6px 0 12px} .compact-footer .footer-contact{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0} .compact-footer .footer-contact a,.compact-footer .footer-contact button{font:inherit;font-size:18px;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center} .compact-footer .footer-social{margin:8px 0}.compact-footer .footer-social p{display:none} .compact-footer .footer-link-group{border:0;padding:0;margin:0;background:none} .compact-footer .footer-link-group summary{font-size:18px;font-weight:700;list-style:none;padding:0 0 10px;pointer-events:none} .compact-footer .footer-link-group summary::after{display:none} .compact-footer .footer-group-links{display:flex;flex-direction:column;gap:0;padding:0} .compact-footer .footer-group-links a{font-size:18px;line-height:1.45;margin:0;padding:5px 0;text-decoration:none} .compact-footer a:hover{text-decoration:underline;text-underline-offset:4px} .compact-footer .footer-newsletter-toggle{max-width:1280px;margin:auto;border-top:1px solid color-mix(in srgb, var(--palette-navy) 12.55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 12.55%, transparent);padding:0} .compact-footer .footer-newsletter-toggle>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:18px;padding:14px 0;cursor:pointer} .compact-footer .footer-newsletter-toggle>summary::after{content:'+'}.compact-footer .footer-newsletter-toggle[open]>summary::after{content:'−'} .compact-footer .footer-newsletter{margin:0;padding:12px 0 24px;gap:32px}.compact-footer .footer-newsletter h2{font-size:24px}.compact-footer .footer-newsletter p{font-size:18px}.compact-footer .newsletter-fields button{background:var(--palette-navy);color:white} .compact-footer .footer-bottom{max-width:1280px;margin:auto;padding:16px 0 0;border:0;display:flex;justify-content:space-between;gap:12px;font-size:18px}.compact-footer .footer-bottom>div{display:flex;gap:20px}.compact-footer .footer-bottom a,.compact-footer .footer-bottom small{font-size:18px} @media(min-width:851px){.compact-footer .footer-link-group:not([open])>.footer-group-links{display:flex}} @media(max-width:850px){html.ux-review body footer.compact-footer{padding:20px 6% 20px}.compact-footer .footer-top{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.compact-footer .footerlinks{order:0;display:block}.compact-footer .footer-brand{order:1;padding:0}.compact-footer .footer-link-group{border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 12.55%, transparent)}.compact-footer .footer-link-group summary{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;min-height:52px}.compact-footer .footer-link-group summary::after{display:block;content:'+';font-size:23px;font-weight:400}.compact-footer .footer-link-group[open] summary::after{content:'−'}.compact-footer .footer-link-group:not([open])>.footer-group-links{display:none}.compact-footer .footer-group-links{padding:0 0 14px}.compact-footer .footer-group-links a{min-height:44px;display:flex;align-items:center}.compact-footer .footer-brand-heading{justify-content:space-between}.compact-footer .footer-brand-slogan{margin-bottom:0}.compact-footer .footer-newsletter{display:block}.compact-footer .footer-bottom{flex-wrap:wrap}.compact-footer .footer-bottom>div{gap:16px}} .compact-footer summary:focus-visible,.compact-footer a:focus-visible,.compact-footer button:focus-visible{outline:2px solid var(--palette-navy);outline-offset:4px} html.ux-review body footer.compact-footer :is(a,p,summary,small,span,button,h2,label){color:var(--palette-navy)} html.ux-review body footer.compact-footer .newsletter-fields button{color:var(--palette-cream)} html.ux-review body #app footer.site-footer.compact-footer :is(a,p,summary,small,span,button,h2,label),html.ux-review body #app footer.site-footer.compact-footer a:is(:visited,:hover,:active,:focus){color:var(--palette-navy)} html.ux-review body #app footer.site-footer.compact-footer .newsletter-fields button{color:var(--palette-cream)} .compact-footer .social-icons svg{fill:currentColor}.compact-footer .footer-brand .footer-contact{flex-direction:row;gap:18px}.compact-footer .footer-brand .footer-contact a{margin:0} html.ux-review body #app footer.site-footer.compact-footer :is(a,p,summary,small,span,button,h2,label),html.ux-review body #app footer.site-footer.compact-footer a:is(:visited,:hover,:active,:focus){-webkit-text-fill-color:currentColor} /* Mobile layout revision: menu first, compact brand and contact strip. */ @media(max-width:850px){ html.ux-review body #app footer.site-footer.compact-footer{padding:8px 20px 18px} html.ux-review body #app footer.site-footer.compact-footer .footer-top{display:flex;flex-direction:column;gap:0;margin:0} html.ux-review body #app footer.site-footer.compact-footer .footerlinks{order:0;display:block;margin:0;padding:0} html.ux-review body #app footer.site-footer.compact-footer .footer-link-group{border:0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.51%, transparent)} html.ux-review body #app footer.site-footer.compact-footer .footer-link-group>summary{font-size:18px;min-height:48px;padding:12px 0;line-height:1.3;font-weight:700;pointer-events:auto} html.ux-review body #app footer.site-footer.compact-footer .footer-group-links{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:0 0 12px} html.ux-review body #app footer.site-footer.compact-footer .footer-link-group:not([open])>.footer-group-links{display:none} html.ux-review body #app footer.site-footer.compact-footer .footer-group-links a{font-size:18px;min-height:44px;padding:8px 0} html.ux-review body #app footer.site-footer.compact-footer .footer-brand{order:1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:4px;margin:0;padding:18px 0 12px} html.ux-review body #app footer.site-footer.compact-footer .footer-brand-heading{grid-column:1;display:block;margin:0;width:auto;max-width:none} html.ux-review body #app footer.site-footer.compact-footer .footer-brand-heading .logo{width:94px;height:auto} html.ux-review body #app footer.site-footer.compact-footer .footer-brand-heading .footer-brand-slogan{font-size:18px;margin:4px 0 0;line-height:1.3} html.ux-review body #app footer.site-footer.compact-footer .footer-brand-heading .footer-dog-watermark{display:none} html.ux-review body #app footer.site-footer.compact-footer .footer-social{grid-column:2;grid-row:1;margin:0} html.ux-review body #app footer.site-footer.compact-footer .social-icons{gap:10px} html.ux-review body #app footer.site-footer.compact-footer .footer-contact{grid-column:1/-1;grid-row:2;display:flex;gap:20px;margin:4px 0 0} html.ux-review body #app footer.site-footer.compact-footer .footer-contact :is(a,button){font-size:18px;min-height:44px} html.ux-review body #app footer.site-footer.compact-footer .footer-newsletter-toggle{border-top:1px solid color-mix(in srgb, var(--palette-navy) 14.51%, transparent);border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.51%, transparent)} html.ux-review body #app footer.site-footer.compact-footer .footer-newsletter-toggle>summary{font-size:18px;min-height:46px;padding:11px 0} html.ux-review body #app footer.site-footer.compact-footer .footer-bottom{border:0;display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:12px;margin:0} html.ux-review body #app footer.site-footer.compact-footer .footer-bottom :is(a,small){font-size:18px} } /* Master 2.0: exact typography roles, legal caption size, and focus colour. */ html.ux-review body #app footer.site-footer.compact-footer{background:var(--palette-cream)} html.ux-review body #app footer.site-footer.compact-footer *{font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review body #app footer.site-footer.compact-footer :is(p,a,small,label,input){font-weight:400} html.ux-review body #app footer.site-footer.compact-footer :is(summary,button,h2){font-weight:700} html.ux-review body #app footer.site-footer.compact-footer .footer-bottom :is(a,small){font-size:16px} html.ux-review body #app footer.site-footer.compact-footer :is(a,summary,button,input):focus-visible{outline:2px solid var(--palette-navy);outline-offset:4px} /* Compatibility source: mixed-order-v493.css */ html.ux-review body #app .mixed-order{max-width:1100px;color:var(--palette-navy);background:var(--palette-cream);font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review body #app .mixed-order :is(p,label,input,select,a){font-size:18px;font-weight:400;line-height:1.5;color:var(--palette-navy);-webkit-text-fill-color:currentColor} html.ux-review body #app .mixed-order :is(h1,h2,strong,button){font-weight:700;color:var(--palette-navy);-webkit-text-fill-color:currentColor} .mixed-order h1{font-size:36px;line-height:1.2}.mixed-order h2{font-size:24px;margin:0 0 16px} .mixed-order form{display:grid;gap:24px;margin-top:24px}.mixed-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mixed-order form section{border:1px solid var(--palette-navy);padding:24px;border-radius:16px;background:var(--palette-cream);min-width:0}.mixed-order label{display:grid;gap:8px}.mixed-order :is(input,select){width:100%;max-width:100%;min-height:48px;padding:10px;border:1px solid var(--palette-navy);border-radius:8px;background:var(--palette-cream);box-sizing:border-box}.mixed-order input[type=number]{max-width:180px}.mixed-order [hidden]{display:none} html.ux-review body #app .mixed-order button.btn{background:var(--palette-navy);color:var(--palette-cream);-webkit-text-fill-color:var(--palette-cream);font-size:18px;min-height:48px;width:100%;white-space:normal;cursor:pointer}.mixed-order button:disabled{opacity:.6;cursor:wait}.mixed-order .mixed-order-total{border-top:1px solid var(--palette-navy);padding-top:16px;font-size:24px}.mixed-order :focus-visible{outline:2px solid var(--palette-navy);outline-offset:4px} @media(max-width:700px){.mixed-order-grid{grid-template-columns:1fr}.mixed-order form section{padding:18px}.mixed-order h1{font-size:30px}} html.ux-review body #app .nu-feed-consumption-visible{display:grid;gap:8px;padding:20px 0;border-top:1px solid var(--palette-navy);border-bottom:1px solid var(--palette-navy);color:var(--palette-navy);font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review body #app .nu-feed-consumption-visible :is(span,p,small){font-size:18px;font-weight:400;line-height:1.4;margin:0;color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy)} html.ux-review body #app .nu-feed-consumption-visible :is(strong,b){display:block;font-size:24px;font-weight:700;line-height:1.3;color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy)} html.ux-review body #app .nu-feed-consumption-visible small{font-size:16px} /* Compatibility source: feeding-costs-compact-v496.css */ html.ux-review body #app .nu-feed-card.nu-feed-compact{padding:20px;gap:0;background:var(--palette-cream);box-shadow:none;color:var(--palette-navy)} html.ux-review body #app .nu-feed-compact h4{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px} html.ux-review body #app .nu-feed-compact .nu-feed-cost{display:grid;gap:4px;padding:12px 0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 14.51%, transparent)} html.ux-review body #app .nu-feed-compact .nu-feed-cost span{font-size:18px;font-weight:400;line-height:1.35} html.ux-review body #app .nu-feed-compact .nu-feed-cost strong{font-size:28px;font-weight:700;line-height:1.25;white-space:normal} html.ux-review body #app .nu-feed-compact .nu-feed-cost small{font-size:18px;font-weight:400} html.ux-review body #app .nu-feed-compact .nu-feed-cost b{font-size:18px;font-weight:700;line-height:1.35} html.ux-review body #app .nu-feed-compact .nu-feed-choose{margin-top:14px;min-height:48px;font-size:18px;white-space:normal} html.ux-review body #app .nu-feed-card.nu-feed-compact:after{display:none} html.ux-review body #app .nu-mix-fixed{font-size:18px;line-height:1.4;margin:12px 0} html.ux-review body #app .nu-mix-fixed span{display:block;font-size:16px;line-height:1.4} html.ux-review body #app .nu-feed-compact :is(h4,strong,b,small,span){font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none;color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy)} /* Compatibility source: feeding-range-cards-v497.css */ /* Master brand typography and colours; compact range introduction. */ html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;min-height:144px;padding:18px;background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:16px;text-align:left;box-shadow:none;box-sizing:border-box} html.ux-review body #app .clean-home .nu-mixed .nu-tile-packs{height:104px;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;margin:0} html.ux-review body #app .clean-home .nu-mixed .nu-tile-packs img{height:104px;width:76px;max-width:100%;object-fit:contain;object-position:center;flex:0 1 auto} html.ux-review body #app .clean-home .nu-mixed .nu-tile-mix .nu-tile-packs img{width:43px;height:88px;max-width:44%} html.ux-review body #app .clean-home .nu-mixed .nu-tile-packs span{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:18px;font-weight:700;color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile h3{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 6px;color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy);overflow-wrap:normal;word-break:normal} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile p{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.35;margin:0;color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy);overflow-wrap:normal;word-break:normal} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile-copy{min-width:0} @media(max-width:1100px){html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tiles{grid-template-columns:1fr;gap:10px}html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile{grid-template-columns:108px minmax(0,1fr);min-height:116px;padding:12px 16px;gap:18px}html.ux-review body #app .clean-home .nu-mixed .nu-tile-packs{height:90px}html.ux-review body #app .clean-home .nu-mixed .nu-tile-packs img{height:90px;width:68px}html.ux-review body #app .clean-home .nu-mixed .nu-tile-mix .nu-tile-packs img{height:84px;width:46px}} @media(max-width:360px){html.ux-review body #app .clean-home .nu-mixed .nu-feeding-tile{grid-template-columns:90px minmax(0,1fr);padding:12px;gap:12px}} /* Compatibility source: feeding-selector-v498.css */ /* One product-led selector, connected to its calculator. */ html.ux-review body #app .clean-home .nu-mixed>.wrap{display:block;max-width:1000px} html.ux-review body #app .clean-home .nu-mixed .nu-mixed-heading{margin:0 auto 28px;max-width:740px} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--palette-navy);border-bottom:0;border-radius:22px 22px 0 0;overflow:hidden;background:var(--palette-cream)} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;min-width:0;min-height:224px;margin:0;padding:20px 12px;border:0;border-radius:0;background:var(--palette-cream);color:var(--palette-navy);cursor:pointer;font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none;box-shadow:none} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice+button{border-left:1px solid var(--palette-navy)} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice[aria-pressed=true]{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app .clean-home .nu-mixed .nu-choice-packs{display:flex;align-items:center;justify-content:center;gap:8px;height:146px;width:100%} html.ux-review body #app .clean-home .nu-mixed .nu-choice-packs img{display:block;object-fit:contain;width:108px;height:146px;max-width:43%;filter:none;transform:rotate(-4deg)} html.ux-review body #app .clean-home .nu-mixed .nu-choice-packs img:last-child{transform:rotate(4deg)} html.ux-review body #app .clean-home .nu-mixed .nu-choice-label{font-family:'Nu Baloo 2',Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.2;text-align:center;color:inherit;-webkit-text-fill-color:currentColor} html.ux-review body #app .clean-home .nu-mixed .nu-choice-plus{font-size:22px;font-weight:700;color:inherit;-webkit-text-fill-color:currentColor} html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice:focus-visible{outline:3px solid currentColor;outline-offset:-6px} html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc{border:1px solid var(--palette-navy);border-radius:0 0 22px 22px;padding:24px;margin:0;background:var(--palette-cream);width:100%;box-sizing:border-box} html.ux-review body #app .clean-home .nu-mixed .nu-feed-options{display:block;margin:12px 0 0} html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc[data-feed-selected=mix] [data-feed-card]:not([data-feed-card=mix]),html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc[data-feed-selected=fresh] [data-feed-card]:not([data-feed-card=fresh]),html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc[data-feed-selected=cold] [data-feed-card]:not([data-feed-card=cold]){display:none} html.ux-review body #app .clean-home .nu-mixed .nu-feed-card.nu-feed-compact{border:0;border-radius:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px} html.ux-review body #app .clean-home .nu-mixed .nu-feed-compact h4{display:none} html.ux-review body #app .clean-home .nu-mixed .nu-feed-compact .nu-feed-choose{grid-column:1/-1} @media(max-width:600px){html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice{min-height:168px;padding:14px 6px;gap:10px}html.ux-review body #app .clean-home .nu-mixed .nu-choice-packs{height:102px;gap:2px}html.ux-review body #app .clean-home .nu-mixed .nu-choice-packs img{height:102px;width:74px;max-width:72%}html.ux-review body #app .clean-home .nu-mixed .nu-feeding-choice[data-feed-tab=mix] img{max-width:43%;width:47px}html.ux-review body #app .clean-home .nu-mixed .nu-choice-label{font-size:18px;min-height:44px;display:flex;align-items:center;justify-content:center}html.ux-review body #app .clean-home .nu-mixed .nu-choice-plus{font-size:18px}html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc{padding:18px}html.ux-review body #app .clean-home .nu-mixed .nu-feed-card.nu-feed-compact{display:flex}html.ux-review body #app .clean-home .nu-mixed .nu-mix-calc h3{font-size:24px}} /* Compatibility source: brand-colour-balance-v504.css */ /* Pre-Ollie composition with approved master colour balance. */ html.ux-review body #app .clean-home{background:var(--palette-cream)} html.ux-review body #app .clean-home .nu-natural-promise{background:var(--palette-panel)} html.ux-review body #app .clean-home .clean-range-fresh{background:#F2EDF0} html.ux-review body #app .clean-home .clean-range-cold{background:#F3E4E0} html.ux-review body #app .clean-home .clean-range-treats{background:var(--palette-panel)} html.ux-review body #app .clean-home .clean-range-oil{background:#EBEFF0} html.ux-review body #app footer.site-footer.compact-footer{background:var(--palette-navy);color:var(--palette-cream);border-top:0} html.ux-review body #app footer.site-footer.compact-footer :is(a,p,summary,small,span,button,h2,label),html.ux-review body #app footer.site-footer.compact-footer a:is(:visited,:hover,:active,:focus){color:var(--palette-cream);-webkit-text-fill-color:var(--palette-cream)} html.ux-review body #app footer.site-footer.compact-footer .footer-link-group,html.ux-review body #app footer.site-footer.compact-footer .footer-newsletter-toggle{border-color:color-mix(in srgb, var(--palette-cream) 25.1%, transparent)} html.ux-review body #app footer.site-footer.compact-footer :is(a,summary,button,input):focus-visible{outline-color:var(--palette-cream)} html.ux-review body #app footer.site-footer.compact-footer .footer-newsletter input{background:var(--palette-cream);color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy)} html.ux-review body #app footer.site-footer.compact-footer .newsletter-fields button{background:var(--palette-navy);color:var(--palette-cream);border:1px solid var(--palette-cream)} /* Compatibility source: range-compact-v505.css */ /* One coherent range-card component: header, image/copy, full-width action. */ html.ux-review body #app .clean-home .clean-range-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;grid-auto-rows:1fr} html.ux-review body #app .clean-home .clean-range-card{--range-tint:#EBEFF0;display:grid;grid-template-columns:28% minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:0;min-height:0;height:auto;padding:0;border:1px solid var(--palette-navy);border-radius:18px;background:var(--palette-cream);overflow:hidden;box-shadow:none} html.ux-review body #app .clean-home .clean-range-fresh{--range-tint:#F2EDF0} html.ux-review body #app .clean-home .clean-range-cold{--range-tint:#F3E4E0} html.ux-review body #app .clean-home .clean-range-treats{--range-tint:var(--palette-panel)} html.ux-review body #app .clean-home .clean-range-card>.nu-range-category-tab{position:static;grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;max-width:none;min-height:70px;margin:0;padding:10px 16px;border:0;border-radius:0;background:var(--range-tint);color:var(--palette-navy);font-size:22px;font-weight:700;line-height:1.15;white-space:normal} html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award{position:static;display:flex;align-items:center;gap:6px;flex:0 0 auto;box-sizing:border-box;width:auto;max-width:47%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--palette-navy);font-size:16px;line-height:1.15} html.ux-review body #app .clean-home .nu-range-category-tab .nu-range-award span{font-size:16px;line-height:1.15} html.ux-review body #app .clean-home .nu-range-award svg{width:20px;height:24px;flex:0 0 20px} html.ux-review body #app .clean-home .clean-range-image{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:0;height:auto;padding:16px 8px 16px 12px;background:transparent} html.ux-review body #app .clean-home .clean-range-image :is(img,svg){display:block;width:100%;height:160px;max-height:160px;object-fit:contain;transform:none} html.ux-review body #app .clean-home .clean-range-copy{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-width:0;min-height:0;height:auto;padding:16px 16px 16px 8px;background:transparent} html.ux-review body #app .clean-home .nu-range-badge{display:flex;align-items:center;align-self:flex-start;gap:6px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-range-badge>span{font-size:16px;line-height:1.2} html.ux-review body #app .clean-home .nu-range-badge svg{width:18px;height:18px;flex:0 0 18px} html.ux-review body #app .clean-home .clean-range-copy>p:not(.nu-range-method){min-height:0;height:auto;font-size:18px;line-height:1.3;margin:0} html.ux-review body #app .clean-home .clean-range-copy>.nu-range-method{display:none} html.ux-review body #app .clean-home .clean-range-copy .clean-range-price{font-size:18px;line-height:1.2;margin:4px 0 0;padding:0;min-height:0} html.ux-review body #app .clean-home .clean-range-price strong{font-size:22px;line-height:1.2} html.ux-review body #app .clean-home .clean-range-price :is(small,span){font-size:16px;line-height:1.25} html.ux-review body #app .clean-home .clean-range-copy .nu-saving-tag{display:block;margin:5px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px;line-height:1.25} html.ux-review body #app .clean-home .clean-range-card>.clean-range-link{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 16px;background:var(--palette-cream);border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:0;font-size:18px;font-weight:700;line-height:1.2;color:var(--palette-navy)} @media(max-width:850px){html.ux-review body #app .clean-home .clean-range-carousel{grid-template-columns:1fr;grid-auto-rows:auto}html.ux-review body #app .clean-home .clean-range-card{grid-template-columns:29% minmax(0,1fr)}html.ux-review body #app .clean-home .clean-range-card>.nu-range-category-tab{font-size:20px;min-height:70px;padding:10px 14px;gap:8px}html.ux-review body #app .clean-home .clean-range-copy{padding:14px 14px 14px 6px}html.ux-review body #app .clean-home .clean-range-image :is(img,svg){height:145px;max-height:145px}} @media(max-width:360px){html.ux-review body #app .clean-home .clean-range-card>.nu-range-category-tab{font-size:18px;padding-inline:12px}html.ux-review body #app .clean-home .clean-range-image{padding-left:8px}html.ux-review body #app .clean-home .clean-range-copy{padding-right:12px}} /* Compatibility source: catalogue-compact-v506.css */ /* Compact catalogue cards, scoped to the range pages. */ html.ux-review body #app #main .shop-page .product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch} html.ux-review body #app #main .shop-page .product-card-grid>.recipe-card{display:grid;grid-template-columns:27% minmax(0,1fr);grid-template-rows:auto auto;gap:10px 14px;padding:14px;align-content:start;border-radius:18px;min-height:0} html.ux-review body #app #main .shop-page .recipe-card>.productimage{grid-column:1;grid-row:1;height:auto;min-height:0;align-self:center;margin:0;overflow:visible} html.ux-review body #app #main .shop-page .recipe-card>.productimage>:is(img,svg.packvisual){height:180px;max-height:180px;width:100%;object-fit:contain} html.ux-review body #app #main .shop-page .recipe-card .mix-pouch-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px} html.ux-review body #app #main .shop-page .recipe-card .mix-pouch-stack>img{height:100px;max-height:100px;width:100%;object-fit:contain} html.ux-review body #app #main .shop-page .recipe-card>.card-body{display:flex;flex-direction:column;grid-column:2;grid-row:1;min-height:0;gap:4px;padding:0} html.ux-review body #app #main .shop-page .recipe-card .card-body>*{grid-column:auto;grid-row:auto} html.ux-review body #app #main .shop-page .recipe-card .card-body h3{font-size:24px;line-height:1.15;margin:0;min-height:0} html.ux-review body #app #main .shop-page .recipe-card :is(.card-range,.card-pack,.card-ingredients,.card-price-context,.card-oneoff-price,.card-offer-terms){font-size:16px;line-height:1.25;min-height:0;margin:0} html.ux-review body #app #main .shop-page .recipe-card .card-body>.premium-benefit-badges{display:none} html.ux-review body #app #main .shop-page .recipe-card .card-pricing-simple{padding-top:4px;margin:0;gap:3px} html.ux-review body #app #main .shop-page .recipe-card .card-price-amount{font-size:24px;line-height:1.15} html.ux-review body #app #main .shop-page .recipe-card .ux-card-details{padding:0;margin:0} html.ux-review body #app #main .shop-page .recipe-card .ux-card-details summary{min-height:44px;padding:4px 0;font-size:16px;line-height:1.2} html.ux-review body #app #main .shop-page .recipe-card .nu-review-badge{padding:3px 0;margin:0;min-height:0} html.ux-review body #app #main .shop-page .recipe-card>.treat-quick-buy{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 0 0;margin:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)} html.ux-review body #app #main .shop-page .treat-quick-buy>:is(.card-pack-picker,.purchase-mode){grid-column:auto;margin:0} html.ux-review body #app #main .shop-page .treat-quick-buy :is(label,.treat-quantity-help){font-size:16px;line-height:1.2;margin:0} html.ux-review body #app #main .shop-page .treat-quick-buy select{min-height:44px;height:44px;font-size:16px;padding:6px 28px 6px 8px;margin:3px 0 0;max-width:100%;width:100%;box-sizing:border-box} html.ux-review body #app #main .shop-page .treat-quick-buy>.quantity-stepper{grid-column:2;grid-row:auto;margin:0;height:44px;max-width:150px;justify-self:end} html.ux-review body #app #main .shop-page .treat-quick-buy>.treat-quantity-help{grid-column:1} html.ux-review body #app #main .shop-page .treat-quick-buy>.card-action{grid-column:1/-1;min-height:44px;padding:8px 12px;margin:0;font-size:18px} html.ux-review body #app #main .shop-page .treat-add-status:empty{display:none} html.ux-review body #app #main .shop-page .recipe-card>.card-action{grid-column:1/-1;grid-row:2;margin:0;min-height:44px;font-size:18px;padding:8px 12px} @media(max-width:850px){html.ux-review body #app #main .shop-page .product-card-grid{grid-template-columns:1fr}} @media(max-width:390px){html.ux-review body #app #main .shop-page .product-card-grid>.recipe-card{padding:12px;gap:8px 10px;grid-template-columns:26% minmax(0,1fr)}html.ux-review body #app #main .shop-page .recipe-card>.productimage>:is(img,svg.packvisual){height:145px;max-height:145px}html.ux-review body #app #main .shop-page .treat-quick-buy>:is(.card-pack-picker,.purchase-mode){grid-column:1/-1}} html.ux-review body #app #main .shop-page .recipe-card .card-body>*{text-align:left} html.ux-review body #app #main .shop-page .recipe-card .nu-review-badge{display:flex;align-items:center;gap:6px;max-width:100%;box-sizing:border-box} html.ux-review body #app #main .shop-page .recipe-card .nu-review-label{font-size:16px;line-height:1.2} html.ux-review body #app #main .shop-page .recipe-card .nu-review-label small{font-size:16px;line-height:1.2} html.ux-review body #app #main .shop-page .recipe-card .nu-review-stars svg{width:14px;height:14px} html.ux-review body #app #main .shop-page .recipe-card .card-concept{font-size:16px;line-height:1.2;overflow-wrap:normal} html.ux-review body #app #main .shop-page .treat-quick-buy>label[for]{grid-column:1;grid-row:3;align-self:end} html.ux-review body #app #main .shop-page .treat-quick-buy>.treat-quantity-help{grid-column:1;grid-row:4} html.ux-review body #app #main .shop-page .treat-quick-buy>.quantity-stepper{grid-column:2;grid-row:3/5;align-self:center} html.ux-review body #app #main .shop-page .treat-quick-buy:has(.purchase-mode select option[value="subscribe"]:checked)>label[for],html.ux-review body #app #main .shop-page .treat-quick-buy:has(.purchase-mode select option[value="subscribe"]:checked)>.treat-quantity-help,html.ux-review body #app #main .shop-page .treat-quick-buy:has(.purchase-mode select option[value="subscribe"]:checked)>.quantity-stepper{grid-row:auto} html.ux-review body #app #main .shop-page .treat-quick-buy>.card-action{grid-row:5} html.ux-review body #app #main .shop-page .treat-quick-buy:has(.purchase-mode select option[value="subscribe"]:checked)>.card-action{grid-row:auto} html.ux-review body #app #main .shop-page .product-card-grid>.recipe-card{grid-template-rows:1fr auto;align-content:stretch} /* Compatibility source: card-system-audit-v507.css */ /* Shared card contract. Last in the cascade to retire conflicting legacy decoration. */ html.ux-review body #app #main :is(.recipe-card,.clean-range-card,.journal-card,.nu-feed-card,.comparison-card,.info-tiles article,.info-contact-grid article){box-sizing:border-box;min-width:0;border:1px solid var(--palette-navy);border-radius:18px;box-shadow:none;overflow:hidden;color:var(--palette-navy)} html.ux-review body #app #main :is(.recipe-card,.clean-range-card,.journal-card,.nu-feed-card,.info-tiles article,.info-contact-grid article){background:var(--palette-cream)} html.ux-review body #app #main :is(.recipe-card,.journal-card,.nu-feed-card,.comparison-card,.info-tiles article) :is(h3,h4,p,span,small,strong,a){overflow-wrap:break-word;word-break:normal} html.ux-review body #app #main :is(.recipe-card,.journal-card,.nu-feed-card,.comparison-card) :is(a,button,summary,select,input):focus-visible{outline:2px solid var(--palette-navy);outline-offset:3px} /* Buying controls occupy one predictable footer, including oil and coming-soon cards. */ html.ux-review body #app #main .shop-page .recipe-card>.card-purchase-choices{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;padding:12px 0 0;margin:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);box-sizing:border-box;min-width:0} html.ux-review body #app #main .shop-page .recipe-card .card-purchase-choices>.card-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:48px;width:100%;margin:0;padding:10px 12px;border:1px solid var(--palette-navy);border-radius:10px;background:var(--palette-navy);color:var(--palette-cream);font-size:18px;font-weight:700;line-height:1.2;text-align:center;white-space:normal} html.ux-review body #app #main .shop-page .recipe-card .card-purchase-choices>.card-action:first-child{background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .shop-page .coming-soon-card>.card-purchase-choices{grid-template-columns:1fr} html.ux-review body #app #main .recipe-card .coming-soon-badge{position:static;display:inline-flex;align-items:center;align-self:flex-start;flex:none;width:auto;max-width:100%;min-height:0;margin:0;padding:4px 8px;border:1px solid var(--palette-navy);border-radius:6px;background:#EBEFF0;color:var(--palette-navy);font-size:16px;line-height:1.2;white-space:nowrap;word-break:normal;overflow-wrap:normal} html.ux-review body #app #main .recipe-card .card-concept{position:static;display:block;align-self:flex-start;font-size:16px;line-height:1.2;text-align:left;padding:0;margin:0;background:transparent;color:var(--palette-navy)} html.ux-review body #app #main .recipe-card :is(.card-range,.card-ingredients,.card-pack,.card-price-context,.card-oneoff-price){color:var(--palette-navy);text-transform:none;letter-spacing:0} html.ux-review body #app #main .recipe-card .card-body h3 a{display:block;overflow-wrap:break-word;word-break:normal} html.ux-review body #app #main .recipe-card .card-main-price{font-size:22px;line-height:1.25;white-space:normal} html.ux-review body #app #main .recipe-card .card-price-prefix{font-size:18px;line-height:1.25} /* A quiet disclosure row replaces pink boxes and oversized circular plus signs. */ html.ux-review body #app #main .recipe-card .ux-card-details{border:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:0;background:transparent;padding:0;margin:6px 0 0;min-width:0} html.ux-review body #app #main .recipe-card .ux-card-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;min-height:44px;padding:8px 0;margin:0;border:0;border-radius:0;background:transparent;color:var(--palette-navy);font-size:16px;font-weight:700;line-height:1.25;list-style:none;cursor:pointer} html.ux-review body #app #main .recipe-card .ux-card-details>summary::after{content:'+';display:block;flex:0 0 20px;width:20px;height:auto;min-width:0;border:0;border-radius:0;background:transparent;color:var(--palette-navy);font-size:22px;line-height:1;text-align:center} html.ux-review body #app #main .recipe-card .ux-card-details[open]>summary::after{content:'−'} html.ux-review body #app #main .recipe-card .ux-card-details>summary::-webkit-details-marker{display:none} html.ux-review body #app #main .recipe-card .ux-card-details :is(p,li,small,.suitability-badge){font-size:16px;line-height:1.4;color:var(--palette-navy)} html.ux-review body #app #main .recipe-card .ux-card-details .card-benefit-list{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0;padding:0} html.ux-review body #app #main .recipe-card .ux-card-details .card-benefit-list li{display:block;padding:0;border:0;background:transparent} html.ux-review body #app #main .recipe-card .ux-card-details .card-benefit-list li :is(strong,span){display:block} /* All quick-buy choices remain readable without becoming oversized buttons. */ html.ux-review body #app #main .shop-page .treat-quick-buy :is(select,input,button){box-sizing:border-box;min-width:0;max-width:100%} html.ux-review body #app #main .shop-page .treat-quick-buy .quantity-stepper{width:140px;max-width:100%;display:flex;border:1px solid var(--palette-navy);border-radius:8px;overflow:hidden} html.ux-review body #app #main .shop-page .quantity-stepper :is(button,input){height:44px;min-height:44px;padding:4px;font-size:18px;flex:1 1 0;width:0;border:0;border-radius:0;text-align:center;background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .shop-page .treat-quick-buy>.card-action{border-radius:10px;background:var(--palette-navy);color:var(--palette-cream);min-height:48px} html.ux-review body #app #main .shop-page .purchase-shipping-details{grid-column:1/-1;min-width:0} html.ux-review body #app #main .shop-page .purchase-shipping-details summary{min-height:44px;font-size:16px;line-height:1.3} html.ux-review body #app #main .shop-page .purchase-shipping-details p{font-size:16px;line-height:1.4} /* Editorial cards share image proportions, padding and an anchored reading link. */ html.ux-review body #app #main .journal-card>a{display:flex;flex-direction:column;height:100%;color:var(--palette-navy);text-decoration:none} html.ux-review body #app #main .journal-card img{width:100%;height:200px;aspect-ratio:3/2;object-fit:cover;display:block;flex:none} html.ux-review body #app #main .journal-card .journal-copy{display:flex;flex-direction:column;flex:1;gap:10px;padding:18px;min-width:0} html.ux-review body #app #main .journal-card .journal-copy h3{font-size:24px;line-height:1.2;margin:0;min-height:0} html.ux-review body #app #main .journal-card .journal-copy p{font-size:18px;line-height:1.4;margin:0} html.ux-review body #app #main .journal-card .journal-copy :is(.eyebrow,.journal-updated){font-size:16px;line-height:1.3} html.ux-review body #app #main .journal-card .journal-copy>.textlink{margin-top:auto;display:flex;align-items:center;min-height:44px;font-size:18px} html.ux-review body #app #main .journal-grid{gap:18px;align-items:stretch} /* Comparison and help cards use the same spacing and text hierarchy. */ html.ux-review body #app #main .comparison-card{background:var(--palette-cream);color:var(--palette-navy);padding:22px;display:flex;flex-direction:column;min-width:0} html.ux-review body #app #main .comparison-card :is(h3,p,dt,dd,a){color:var(--palette-navy)} html.ux-review body #app #main .comparison-card dl{flex:1;min-width:0} html.ux-review body #app #main .comparison-card dl>div{min-height:0;padding:12px 0;gap:12px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)} html.ux-review body #app #main .comparison-card .btn{margin-top:auto;background:var(--palette-navy);color:var(--palette-cream);min-height:48px;font-size:18px} html.ux-review body #app #main :is(.info-tiles article,.info-contact-grid article){padding:20px} html.ux-review body #app #main :is(.info-tiles article,.info-contact-grid article) h3{font-size:24px;line-height:1.2;margin-top:0} html.ux-review body #app #main :is(.info-tiles article,.info-contact-grid article) p{font-size:18px;line-height:1.4} html.ux-review body #app #main .nu-feed-card{min-width:0;border-radius:16px} html.ux-review body #app #main .nu-feed-choose{min-height:48px;white-space:normal} @media(max-width:850px){html.ux-review body #app #main .clean-home .clean-range-carousel{grid-auto-rows:auto}html.ux-review body #app #main .journal-card img{height:180px}html.ux-review body #app #main .journal-card .journal-copy{padding:16px}html.ux-review body #app #main .journal-card .journal-copy h3{font-size:22px}} @media(max-width:390px){html.ux-review body #app #main .shop-page .recipe-card>.card-purchase-choices{grid-template-columns:1fr}html.ux-review body #app #main .shop-page .recipe-card .card-purchase-choices>.card-action{min-height:44px;padding:9px 10px}html.ux-review body #app #main .shop-page .recipe-card .card-body h3{font-size:22px}html.ux-review body #app #main .recipe-card .coming-soon-badge{font-size:16px;white-space:nowrap}} /* Remove former grid alignment from the flex-based recipe information column. */ html.ux-review body #app #main .shop-page .recipe-card .card-body>:is(.card-range,h3){align-self:stretch;justify-self:stretch;width:auto;text-align:left} html.ux-review body #app #main .shop-page .recipe-card .card-body h3 a{text-align:left} html.ux-review body #app #main .journal-card img:is(.journal-research-image,.journal-product-image){object-fit:contain;background:var(--palette-cream)} /* Compatibility source: promise-thrive-v508.css */ /* An illustrated editorial moment for the Promise, using original artwork. */ html.ux-review body #app .clean-home .nu-natural-promise{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-natural-intro{background:var(--palette-cream);border-color:color-mix(in srgb, var(--palette-navy) 12.55%, transparent);grid-template-columns:minmax(0,1fr) 160px;gap:0 24px;padding:30px} html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{font-size:16px;line-height:1.3;letter-spacing:.06em;margin:0 0 18px;color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-natural-intro h2{grid-column:1/-1;font-size:40px;line-height:1.1;color:var(--palette-navy);margin-bottom:8px} html.ux-review body #app .clean-home .nu-natural-intro h2 :is(.nu-natural-percent,.nu-natural-number,.nu-natural-word,.nu-natural-food){color:var(--palette-navy)} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{grid-column:1/-1;color:var(--palette-navy);font-size:22px;margin:0 0 12px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{grid-column:1/-1;max-width:650px;font-size:18px;line-height:1.4;color:var(--palette-navy);margin:0 0 22px} html.ux-review body #app #nu-thrive-message{position:relative;grid-column:1/-1;grid-row:5;box-sizing:border-box;min-width:0;background:var(--palette-panel);color:var(--palette-navy);border:0;border-radius:18px;padding:24px 220px 26px 28px;margin:0 0 22px;line-height:1.15;text-align:left} html.ux-review body #app #nu-thrive-message .nu-thrive-main{display:block;color:var(--palette-navy);font-size:22px;line-height:1.2;font-weight:400} html.ux-review body #app #nu-thrive-message .nu-thrive-word{position:relative;display:table;color:var(--palette-navy);font-size:68px;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:4px 0 12px;padding-bottom:6px} html.ux-review body #app #nu-thrive-message .nu-thrive-word::after{content:'';position:absolute;bottom:0;left:0;width:95%;height:6px;border-bottom:3px solid var(--palette-navy);border-radius:0 0 50% 45%;transform:rotate(-3deg)} html.ux-review body #app #nu-thrive-message .nu-thrive-support{display:block;font-size:24px;line-height:1.2;color:var(--palette-navy);font-weight:400} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{position:relative;grid-column:2;grid-row:5;align-self:center;justify-self:center;z-index:1;width:160px;height:140px;max-width:100%;margin:-22px 22px 0 0} html.ux-review body #app .clean-home .nu-honest-claims{border-top:0;padding-top:0;gap:14px} html.ux-review body #app .clean-home .nu-honest-claims li{color:var(--palette-navy);font-size:16px;line-height:1.35} html.ux-review body #app .clean-home .nu-honest-claims li::before{background:var(--palette-panel);color:var(--palette-navy)} @media(max-width:600px){ html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) 80px;gap:0 12px;padding:22px 18px;border-radius:22px} html.ux-review body #app .clean-home .nu-natural-intro>.flow-kicker{font-size:16px;max-width:none;line-height:1.3;letter-spacing:.03em;margin-bottom:16px} html.ux-review body #app .clean-home .nu-natural-intro h2{font-size:32px;margin-bottom:6px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-headline{font-size:20px;margin-bottom:12px} html.ux-review body #app .clean-home .nu-natural-intro .nu-honest-copy{font-size:18px;line-height:1.4;margin-bottom:18px} html.ux-review body #app #nu-thrive-message{padding:20px 100px 22px 18px;margin-bottom:20px;border-radius:16px} html.ux-review body #app #nu-thrive-message .nu-thrive-main{font-size:18px;line-height:1.2} html.ux-review body #app #nu-thrive-message .nu-thrive-word{font-size:48px;line-height:1.05;margin:5px 0 11px;padding-bottom:5px} html.ux-review body #app #nu-thrive-message .nu-thrive-support{font-size:18px;line-height:1.25} html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:84px;height:100px;margin:-20px 10px 0 0} html.ux-review body #app .clean-home .nu-honest-claims{grid-template-columns:1fr;gap:12px} } @media(max-width:360px){html.ux-review body #app .clean-home .nu-natural-intro{padding:20px 14px;grid-template-columns:minmax(0,1fr) 66px;gap:0 8px}html.ux-review body #app #nu-thrive-message{padding:18px 80px 20px 14px}html.ux-review body #app #nu-thrive-message .nu-thrive-word{font-size:44px}html.ux-review body #app .clean-home .nu-natural-intro button.nu-transparency-mark{width:68px;height:88px;margin-right:6px}} /* Compatibility source: promise-photo-v509.css */ /* Photography gives the Thrive message an emotional counterpart. */ html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0} html.ux-review body #app #nu-thrive-message{grid-column:1;grid-row:5;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:28px;margin:0 0 22px;border-radius:18px 0 0 18px} html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-photo{position:relative;grid-column:2;grid-row:5;align-self:stretch;min-width:0;min-height:280px;margin:0 0 22px;padding:0;border:0;border-radius:0 18px 18px 0;overflow:hidden;background:var(--palette-panel)} html.ux-review body #app .clean-home .nu-thrive-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center} @media(max-width:850px){html.ux-review body #app #nu-thrive-message{padding:24px}html.ux-review body #app #nu-thrive-message .nu-thrive-word{font-size:56px}} @media(max-width:600px){ html.ux-review body #app .clean-home .nu-natural-intro{grid-template-columns:minmax(0,1fr);gap:0} html.ux-review body #app #nu-thrive-message{grid-column:1;grid-row:5;min-height:0;padding:22px 20px;margin:0;border-radius:16px 16px 0 0} html.ux-review body #app #nu-thrive-message .nu-thrive-word{font-size:48px} html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-photo{grid-column:1;grid-row:6;min-height:0;height:220px;border-radius:0 0 16px 16px;margin-bottom:20px} html.ux-review body #app .clean-home .nu-honest-claims{grid-row:7} } @media(max-width:360px){html.ux-review body #app #nu-thrive-message{padding:20px 16px}html.ux-review body #app .clean-home .nu-natural-intro .nu-thrive-photo{height:190px}} html.ux-review body #app #nu-thrive-message .nu-thrive-word{align-self:flex-start;flex:none;width:max-content;max-width:100%} /* Compatibility source: feeding-layout-v510.css */ /* A compact feeding tool: routine, weight, comparable costs, next step. */ html.ux-review body #app #main .nu-mixed .nu-feeding-widget{background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:20px;padding:20px;box-sizing:border-box;overflow:hidden} html.ux-review body #app #main .nu-mixed .nu-feeding-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible} html.ux-review body #app #main .nu-mixed .nu-feeding-choice{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:96px;gap:10px;padding:12px 10px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-cream);color:var(--palette-navy);box-sizing:border-box} html.ux-review body #app #main .nu-mixed .nu-choice-packs{height:66px;width:90px;flex:0 0 90px;gap:3px;margin:0} html.ux-review body #app #main .nu-mixed .nu-choice-packs img{width:48px;height:66px;max-width:70%;object-fit:contain;transform:none} html.ux-review body #app #main .nu-mixed .nu-feeding-choice[data-feed-tab=mix] img{width:35px;max-width:40%;height:58px} html.ux-review body #app #main .nu-mixed .nu-choice-plus{font-size:18px;line-height:1} html.ux-review body #app #main .nu-mixed .nu-choice-label{font-size:18px;line-height:1.15;min-height:0;color:inherit;text-align:left} html.ux-review body #app #main .nu-mixed .nu-feeding-choice[aria-pressed=true]{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app #main .nu-mixed .nu-feeding-choice:focus-visible{outline:2px solid var(--palette-navy);outline-offset:3px} html.ux-review body #app #main .nu-mixed .nu-mix-calc{padding:0;border:0;border-radius:0;background:transparent} html.ux-review body #app #main .nu-mixed .nu-calc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px} html.ux-review body #app #main .nu-mixed .nu-calc-top h3{font-size:26px;line-height:1.2;margin:0} html.ux-review body #app #main .nu-mixed .nu-mix-weight{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0;font-size:18px;line-height:1.2} html.ux-review body #app #main .nu-mixed .nu-mix-weight>span{display:flex;align-items:center;gap:7px;white-space:nowrap} html.ux-review body #app #main .nu-mixed .nu-mix-weight input{box-sizing:border-box;width:78px;min-width:0;min-height:44px;height:44px;padding:8px;border:1px solid var(--palette-navy);border-radius:8px;font-size:18px;line-height:1.2} html.ux-review body #app #main .nu-mixed .nu-mix-fixed{font-size:18px;line-height:1.3;margin:0 0 14px} html.ux-review body #app #main .nu-mixed .nu-mix-fixed span{font-size:16px;line-height:1.35;margin-top:4px} html.ux-review body #app #main .nu-mixed .nu-feed-options{margin:0} html.ux-review body #app #main .nu-mixed .nu-feed-card.nu-feed-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;border-radius:0;padding:0;background:transparent;overflow:visible} html.ux-review body #app #main .nu-mixed .nu-feed-card[hidden]{display:none} html.ux-review body #app #main .nu-mixed .nu-feed-cost{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;margin:0;border:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:12px;background:var(--palette-panel)} html.ux-review body #app #main .nu-mixed .nu-feed-full{background:var(--palette-cream)} html.ux-review body #app #main .nu-mixed .nu-feed-cost>span{display:block;font-size:18px;line-height:1.25;min-height:23px} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong{display:block;font-size:28px;line-height:1.15;margin:0} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-amount{display:block;font-size:28px;line-height:1.15;font-weight:700;overflow-wrap:anywhere} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong small{display:block;font-size:16px;line-height:1.3;margin-top:2px;font-weight:400} html.ux-review body #app #main .nu-mixed .nu-feed-cost b{font-size:18px;line-height:1.3;font-weight:700} html.ux-review body #app #main .nu-mixed .nu-feed-choose{grid-column:1/-1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 16px;border-radius:10px;font-size:18px;line-height:1.25;white-space:normal;text-align:center} html.ux-review body #app #main .nu-mixed .nu-guide-export{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:22px;row-gap:6px;align-items:center;box-sizing:border-box;margin:20px 0 0;padding:18px 0 0;border:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:0;background:transparent;text-align:left} html.ux-review body #app #main .nu-mixed .nu-guide-export>strong{grid-column:1;grid-row:1;font-size:22px;line-height:1.2;margin:0} html.ux-review body #app #main .nu-mixed .nu-guide-export>p{grid-column:1;grid-row:2;font-size:18px;line-height:1.35;margin:0} html.ux-review body #app #main .nu-mixed .nu-guide-export>.btn{grid-column:2;grid-row:1/3;min-height:48px;font-size:18px;line-height:1.25;padding:12px 16px;margin:0;border-radius:10px;white-space:normal} html.ux-review body #app #main .nu-mixed .nu-guide-export>small{grid-column:1/-1;grid-row:3;display:block;font-size:16px;line-height:1.35;margin:4px 0 0} html.ux-review body #app #main .nu-mixed .nu-mix-note{font-size:16px;line-height:1.35;margin:14px 0 0} html.ux-review body #app #main .nu-mixed .nu-mixed-guide{margin-top:14px} html.ux-review body #app #main .nu-mixed .nu-mixed-guide summary{min-height:44px;display:flex;align-items:center;font-size:18px} @media(max-width:850px){html.ux-review body #app #main .nu-mixed .nu-feeding-choice{flex-direction:column;gap:6px;padding:10px 6px;min-height:104px}html.ux-review body #app #main .nu-mixed .nu-choice-packs{height:48px;flex:0 0 48px;width:72px}html.ux-review body #app #main .nu-mixed .nu-choice-packs img{height:48px;width:34px}html.ux-review body #app #main .nu-mixed .nu-feeding-choice[data-feed-tab=mix] img{height:44px;width:28px}html.ux-review body #app #main .nu-mixed .nu-choice-label{font-size:16px;line-height:1.15;min-height:36px;text-align:center}html.ux-review body #app #main .nu-mixed .nu-calc-top{align-items:flex-start;flex-direction:column;gap:12px}html.ux-review body #app #main .nu-mixed .nu-mix-weight{width:100%}html.ux-review body #app #main .nu-mixed .nu-guide-export{grid-template-columns:1fr;gap:8px}html.ux-review body #app #main .nu-mixed .nu-guide-export>.btn{grid-column:1;grid-row:3;width:100%;box-sizing:border-box}html.ux-review body #app #main .nu-mixed .nu-guide-export>small{grid-row:4}} @media(max-width:600px){html.ux-review body #app #main .nu-mixed .nu-feeding-widget{padding:16px;border-radius:18px}html.ux-review body #app #main .nu-mixed .nu-feeding-selector{gap:7px;margin-bottom:18px}html.ux-review body #app #main .nu-mixed .nu-calc-top h3{font-size:24px}html.ux-review body #app #main .nu-mixed .nu-feed-cost{padding:12px;gap:5px}html.ux-review body #app #main .nu-mixed .nu-feed-cost>span{font-size:16px;min-height:40px}html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-amount{font-size:22px}html.ux-review body #app #main .nu-mixed .nu-feed-cost b{font-size:16px}html.ux-review body #app #main .nu-mixed .nu-feed-choose{font-size:18px;padding-inline:12px}html.ux-review body #app #main .nu-mixed .nu-guide-export>strong{font-size:22px}} @media(max-width:360px){html.ux-review body #app #main .nu-mixed .nu-feeding-widget{padding:12px}html.ux-review body #app #main .nu-mixed .nu-feed-card.nu-feed-compact{gap:8px}html.ux-review body #app #main .nu-mixed .nu-feed-cost{padding:10px}html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-amount{font-size:21px}} html.ux-review body #app #main .nu-mixed .nu-mix-calc[data-feed-selected=mix] .nu-feed-card:not([data-feed-card=mix]),html.ux-review body #app #main .nu-mixed .nu-mix-calc[data-feed-selected=fresh] .nu-feed-card:not([data-feed-card=fresh]),html.ux-review body #app #main .nu-mixed .nu-mix-calc[data-feed-selected=cold] .nu-feed-card:not([data-feed-card=cold]){display:none} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;overflow-wrap:normal} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-currency{font-size:18px;font-weight:700;line-height:1.15} html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-value{font-size:28px;font-weight:700;line-height:1.15;white-space:nowrap} @media(max-width:600px){html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-currency{font-size:16px}html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-value{font-size:22px}} @media(max-width:360px){html.ux-review body #app #main .nu-mixed .nu-feed-cost strong .nu-cost-value{font-size:21px}} /* Compatibility source: landing-colour-spacing-v512.css */ /* Packaging-derived colour rhythm; navy stays the reading and action colour. */ html.ux-review body #app #main .clean-home .nu-fresh-steps{background:#EDF2E6} html.ux-review body #app #main .clean-home .clean-mixed{background:#F3E5D9} html.ux-review body #app #main .clean-home .nu-mixed{background:#F2EDF0;padding-bottom:24px} html.ux-review body #app #main .clean-home .clean-journal{background:var(--palette-panel);padding-top:32px} html.ux-review body #app #main .clean-home .clean-faq-section{background:#EAE6F0} html.ux-review body #app #main .clean-home .reviews-awaiting{background:#EBEFF0} /* A closed disclosure must not reserve space for its hidden copy, including Safari. */ html.ux-review body #app #main .clean-home .nu-mixed-guide{height:auto;min-height:0;margin:16px 0 0;padding:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)} html.ux-review body #app #main .clean-home .nu-mixed-guide:not([open])>div{display:none} html.ux-review body #app #main .clean-home .nu-mixed-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0;padding:6px 0;box-sizing:border-box;list-style:none;font-size:18px;font-weight:700;cursor:pointer} html.ux-review body #app #main .clean-home .nu-mixed-guide>summary::-webkit-details-marker{display:none} html.ux-review body #app #main .clean-home .nu-mixed-guide>summary:after{content:'+';font-size:26px;line-height:1} html.ux-review body #app #main .clean-home .nu-mixed-guide[open]>summary:after{content:'−'} html.ux-review body #app #main .clean-home .nu-mixed-guide[open]>div{display:block;font-size:18px;line-height:1.5;padding:0 0 12px} html.ux-review body #app #main .clean-home .nu-mixed-guide p{font-size:18px;line-height:1.5;margin:12px 0} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-mixed{padding-bottom:20px}html.ux-review body #app #main .clean-home .clean-journal{padding-top:28px}} /* These sections own their vertical rhythm; .wrap only supplies side gutters. */ html.ux-review body #app #main .clean-home :is(.nu-mixed,.clean-journal)>.wrap{padding-top:0;padding-bottom:0} /* Compatibility source: feeding-guide-web-v513.css */ html.ux-review body .nu-guide-dialog{width:min(760px,calc(100% - 24px));padding:24px;background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body .nu-guide-dialog>form{padding-bottom:20px;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)} html.ux-review body .nu-guide-dialog :is(p,label,dt,dd,span){font-size:18px;line-height:1.45} html.ux-review body .nu-guide-dialog .small,html.ux-review body .nu-guide-dialog .nu-web-small{font-size:16px;line-height:1.4} html.ux-review body .nu-guide-dialog .nu-web-guide>h2{font-size:32px;line-height:1.15;margin:8px 0 16px} .nu-web-guide{padding-top:24px}.nu-web-guide .eyebrow{margin:0}.nu-web-routine{border:1px solid var(--palette-navy);border-radius:18px;padding:22px;margin:24px 0;background:var(--palette-cream)} .nu-web-routine h3,.nu-repeat-notes h3{font-size:26px;line-height:1.2;margin:0 0 18px;font-weight:700} .nu-web-routine dl{margin:0}.nu-web-routine dl>div{margin:0 0 18px}.nu-web-routine dt{font-weight:400}.nu-web-routine dd{margin:4px 0 0;font-weight:700} .nu-repeat-advice{background:var(--palette-panel);border-radius:12px;padding:16px;margin:16px 0}.nu-repeat-advice>strong{font-size:24px;line-height:1.2;font-weight:700;display:block}.nu-repeat-advice p{margin:10px 0 0} .nu-web-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nu-web-prices>div{padding:14px;border:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:10px}.nu-web-prices :is(span,strong){display:block}.nu-web-prices strong{font-size:20px;line-height:1.3;margin:8px 0;overflow-wrap:anywhere} .nu-web-routine:nth-of-type(2) .nu-repeat-advice{background:#F2EDF0}.nu-web-routine:nth-of-type(3) .nu-repeat-advice{background:#EDF2E6} .nu-repeat-notes{padding:20px;background:var(--palette-panel);border-radius:14px;margin:24px 0}.nu-guide-dialog [data-optional-guide-pdf]{width:100%}.nu-guide-dialog [hidden]{display:none} @media(max-width:600px){html.ux-review body .nu-guide-dialog{padding:20px 16px}.nu-web-routine{padding:16px}.nu-web-prices{grid-template-columns:1fr}.nu-repeat-advice>strong{font-size:22px}} .nu-pdf-pages{margin-top:20px}.nu-pdf-pages summary{min-height:44px;font-size:18px;cursor:pointer}.nu-pdf-pages img{display:block;width:100%;height:auto;margin:16px 0;border:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent)} .nu-guide-personalise{border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);padding-bottom:12px}.nu-guide-personalise>summary{font-size:18px;min-height:44px;cursor:pointer;line-height:44px}.nu-guide-personalise:not([open])>form{display:none}.nu-guide-dialog .nu-pdf-status:empty{display:none} /* Compatibility source: hero-photo-v515.css */ /* Real stock photography, with native text over a contrast-protecting fade. */ html.ux-review body #app #main .clean-home .flow-hero{position:relative;isolation:isolate;background:var(--palette-cream);overflow:hidden} html.ux-review body #app #main .clean-home .nu-hero-real-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 54%;display:block} html.ux-review body #app #main .clean-home .flow-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--palette-cream) 0%,color-mix(in srgb, var(--palette-cream) 96.08%, transparent) 24%,color-mix(in srgb, var(--palette-cream) 85.1%, transparent) 39%,color-mix(in srgb, var(--palette-cream) 33.33%, transparent) 58%,color-mix(in srgb, var(--palette-cream) 0.0%, transparent) 75%);pointer-events:none} html.ux-review body #app #main .clean-home .flow-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:40px;padding-bottom:24px;max-width:1280px;min-height:0;position:relative} html.ux-review body #app #main .clean-home .flow-hero-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:550px;width:48%;min-width:0} html.ux-review body #app #main .clean-home .flow-hero-copy h1{order:0;font-size:clamp(44px,4.1vw,60px);line-height:1.05;margin:0 0 18px;max-width:100%} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-subhead{order:1;font-size:20px;line-height:1.4;margin:0 0 18px} html.ux-review body #app #main .clean-home .flow-hero-copy>.clean-main-action{order:2;margin:0 0 12px} html.ux-review body #app #main .clean-home .flow-hero-copy>.hero-offer-price{order:3;margin:0 0 12px} html.ux-review body #app #main .clean-home .flow-hero-copy>.hero-shopping-paths{order:4;margin:0 0 12px} html.ux-review body #app #main .clean-home .flow-hero-copy>.flow-hero-lead{order:5;margin:0 0 14px} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-easy-icons{order:6;width:100%;margin:0} @media(max-width:850px){ html.ux-review body #app #main .clean-home .nu-hero-real-photo{height:460px;object-position:60% center} html.ux-review body #app #main .clean-home .flow-hero:after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-cream) 96.08%, transparent) 0,color-mix(in srgb, var(--palette-cream) 73.33%, transparent) 110px,color-mix(in srgb, var(--palette-cream) 0.0%, transparent) 230px,color-mix(in srgb, var(--palette-cream) 0.0%, transparent) 350px,var(--palette-cream) 460px);height:460px} html.ux-review body #app #main .clean-home .flow-hero-inner{padding-top:26px;padding-bottom:24px;gap:20px} html.ux-review body #app #main .clean-home .flow-hero-copy{width:100%;max-width:none} html.ux-review body #app #main .clean-home .flow-hero-copy h1{font-size:40px;line-height:1.03;max-width:520px;margin:0 0 278px} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-subhead{font-size:18px;line-height:1.4;margin-bottom:16px} } /* Branded campaign scene: keep the eyes and bowl clear at both aspect ratios. */ html.ux-review body #app #main .clean-home .nu-hero-real-photo{object-position:75% center} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{top:120px;height:340px;object-position:right center}html.ux-review body #app #main .clean-home .flow-hero:after{background:linear-gradient(180deg,var(--palette-cream) 0,var(--palette-cream) 120px,color-mix(in srgb, var(--palette-cream) 0.0%, transparent) 190px,color-mix(in srgb, var(--palette-cream) 0.0%, transparent) 380px,var(--palette-cream) 460px)}} /* Small-dog campaign art direction, matching the approved Promise blue. */ html.ux-review body #app #main .clean-home .flow-hero{background:var(--palette-panel)} html.ux-review body #app #main .clean-home .flow-hero:after{background:linear-gradient(90deg,var(--palette-panel) 0%,color-mix(in srgb, var(--palette-panel) 96.08%, transparent) 24%,color-mix(in srgb, var(--palette-panel) 85.1%, transparent) 39%,color-mix(in srgb, var(--palette-panel) 33.33%, transparent) 58%,color-mix(in srgb, var(--palette-panel) 0.0%, transparent) 75%)} html.ux-review body #app #main .clean-home .nu-hero-real-photo{object-position:72% center} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{top:120px;height:340px;object-position:right center}html.ux-review body #app #main .clean-home .flow-hero:after{background:linear-gradient(180deg,var(--palette-panel) 0,var(--palette-panel) 120px,color-mix(in srgb, var(--palette-panel) 0.0%, transparent) 190px,color-mix(in srgb, var(--palette-panel) 0.0%, transparent) 438px,var(--palette-panel) 460px)}} @media(min-width:851px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{object-fit:contain;object-position:right center}html.ux-review body #app #main .clean-home .flow-hero:after{background:linear-gradient(90deg,var(--palette-panel) 0%,var(--palette-panel) 28%,color-mix(in srgb, var(--palette-panel) 0.0%, transparent) 48%)}} /* Compatibility source: fresh-showcase-v517.css */ /* Restore the original generous, centred Fresh pouch presentation. */ html.ux-review body #app #main .clean-home .nu-fresh-showcase{background:var(--palette-cream);padding:24px 0 36px} html.ux-review body #app #main .clean-home .nu-fresh-showcase>.wrap{padding-block:0} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-flavour-hero{display:block;max-width:620px;width:100%;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-stage{display:grid;place-items:center;position:relative;isolation:isolate;width:100%;height:430px;min-height:0;margin:0;padding:0} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-pack{display:block;width:100%;height:430px;max-height:430px;object-fit:contain;transform:none} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-controls{text-align:center;padding:16px 0 0;width:100%;min-width:0} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-title{font-size:28px;line-height:1.2;margin:0 0 8px} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-ingredients{font-size:18px;line-height:1.4;display:block;min-height:0;max-width:36ch;margin:0 auto 18px;padding:0} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-flavour-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:500px;width:100%;margin:0 auto;gap:8px} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-flavour-buttons button{min-width:0;min-height:48px;font-size:18px;line-height:1.2;padding:10px 4px;white-space:nowrap} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-meat-badge{display:flex;position:absolute;top:auto;bottom:18px;right:8%;width:108px;height:108px;align-items:center;justify-content:center;flex-direction:column;background:var(--palette-navy);color:var(--palette-cream);border:0;border-radius:50%;padding:8px;box-sizing:border-box;transform:rotate(5deg)} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-meat-badge strong{font-size:32px;line-height:1;color:var(--palette-cream)} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-meat-badge span{font-size:16px;line-height:1.15;color:var(--palette-cream)} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-recipe-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:18px;margin:12px 0 0;padding:8px 12px} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-fresh-showcase{padding:16px 0 28px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-stage{height:330px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-pack{height:330px;max-height:330px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-meat-badge{right:0;bottom:16px;width:100px;height:100px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-title{font-size:26px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-flavour-buttons{gap:6px}html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-flavour-buttons button{font-size:16px}} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-single-halo{display:block;z-index:-1} html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-origin-line{font-family:"Nu Baloo 2",sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:var(--palette-navy);text-align:center;margin:0 0 8px} /* A clear section introduction, without additional marketing copy. */ @layer nudog-card-typography { html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-showcase-heading {font-size:clamp(36px,4vw,44px);font-weight:700;line-height:1.15;color:var(--palette-navy);text-align:center;margin:0 0 24px;letter-spacing:0} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-fresh-showcase .nu-showcase-heading {font-size:32px;margin-bottom:20px}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-fresh-heading-type {position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr);align-items:center;width:max-content;max-width:100%;vertical-align:middle;font:inherit;color:var(--palette-navy)} html.ux-review body #app #main .nu-fresh-heading-type .nu-typing-reserve {grid-column:1;grid-row:1;min-width:0;font:inherit;color:inherit} html.ux-review body #app #main .nu-fresh-heading-type.is-typing .nu-typing-reserve {visibility:hidden} html.ux-review body #app #main .nu-fresh-heading-type.is-typing .nu-typing-output {display:block;position:absolute;inset:0;text-align:center;font:inherit;color:inherit} html.ux-review body #app #main .nu-fresh-heading-type.is-typing .nu-typing-output::after {content:'';display:inline-block;height:.9em;border-right:2px solid currentColor;margin-left:3px;vertical-align:-.05em} @media(prefers-reduced-motion:reduce){html.ux-review body #app #main .nu-fresh-heading-type.is-typing .nu-typing-reserve {visibility:visible}html.ux-review body #app #main .nu-fresh-heading-type.is-typing .nu-typing-output {display:none}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-fresh-heading-type .nu-fresh-accent {color:var(--palette-denim);font:inherit} } /* Separate purchase intent from the optional personalised guide. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-mix-calc .nu-feed-choose {background:var(--palette-navy);color:var(--palette-cream);border:2px solid var(--palette-navy);min-height:48px} html.ux-review body #app #main .nu-mix-calc .nu-guide-recommendations {display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:48px;background:var(--palette-panel);color:var(--palette-cream);border:2px solid var(--palette-denim);padding:14px 18px;font-size:18px;font-weight:700;line-height:1.3;white-space:normal;text-align:center;box-shadow:none} html.ux-review body #app #main .nu-mix-calc .nu-guide-recommendations:hover {background:#7E1F40;border-color:#7E1F40} html.ux-review body #app #main .nu-mix-calc .nu-guide-recommendations:focus-visible {outline:3px solid var(--palette-navy);outline-offset:3px} } @layer nudog-card-typography { html.ux-review body #app #main .nu-mix-calc [hidden] {display:none} html.ux-review body #app #main .nu-simple-estimate {display:grid;gap:16px;margin:16px 0} html.ux-review body #app #main .nu-simple-estimate div {display:grid;gap:4px} html.ux-review body #app #main .nu-simple-estimate dt {font-size:18px;font-weight:400} html.ux-review body #app #main .nu-simple-estimate dd {margin:0;font-size:26px;line-height:1.25;font-weight:700} html.ux-review body #app #main .nu-simple-estimate small {display:block;font-size:16px;font-weight:400} html.ux-review body #app #main .nu-mix-calc h3 {font-size:24px;margin:24px 0 14px} html.ux-review body #app #main .nu-purchase-options {display:grid;gap:12px;border:0;padding:0;margin:24px 0 12px} html.ux-review body #app #main .nu-purchase-options legend {font-size:24px;font-weight:700;margin-bottom:12px} html.ux-review body #app #main .nu-purchase-options label {display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border:1px solid var(--palette-navy);border-radius:12px;font-size:18px;cursor:pointer} html.ux-review body #app #main .nu-purchase-options input {width:20px;height:20px;accent-color:var(--palette-navy)} html.ux-review body #app #main .nu-purchase-options label:has(:checked) {background:var(--palette-panel);border-width:2px} html.ux-review body #app #main .nu-guide-recommendations:disabled {opacity:.5;cursor:not-allowed} html.ux-review body #app #main .nu-feed-order-note {max-width:none;font-size:16px;line-height:1.45} html.ux-review body #app #main .mixed-order section[hidden] {display:none} } @layer nudog-card-typography { html.ux-review body #app #main .nu-mix-calc .nu-feed-card.nu-feed-compact {grid-template-columns:minmax(0,1fr);gap:10px} html.ux-review body #app #main .nu-mix-calc .nu-feed-card h4 {display:block;font-size:20px;line-height:1.3;margin:0} html.ux-review body #app #main .nu-mix-calc .nu-feed-card p {width:auto;max-width:none;grid-column:1/-1;margin:0} html.ux-review body #app #main .nu-simple-estimate {grid-column:1/-1;padding:16px;background:var(--palette-panel);border-radius:12px;box-sizing:border-box;min-width:0} html.ux-review body #app #main .nu-simple-estimate dd {overflow-wrap:anywhere} } /* Compatibility source: hero-messaging-v520.css */ /* Clear benefit hierarchy using the master 400 / 600 / 700 weights. */ html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-subhead{margin-bottom:20px} html.ux-review body #app #main .clean-home .nu-hero-subhead strong{display:block;font-size:28px;font-weight:700;line-height:1.15;margin:0 0 8px} html.ux-review body #app #main .clean-home .nu-hero-subhead>span{display:block;font-size:20px;font-weight:400;line-height:1.4} html.ux-review body #app #main .clean-home .hero-offer-price{display:grid;gap:5px;width:100%} html.ux-review body #app #main .clean-home .hero-offer-price>strong{display:block;font-size:30px;line-height:1.15;font-weight:700;margin:0 0 3px} html.ux-review body #app #main .clean-home .hero-offer-price>span{display:block;font-size:20px;line-height:1.3;font-weight:600;margin:0} html.ux-review body #app #main .clean-home .hero-offer-price>.nu-hero-box-facts{font-size:18px;font-weight:400} html.ux-review body #app #main .clean-home .hero-offer-price>small{display:block;font-size:16px;line-height:1.4;font-weight:400;margin:2px 0 0} html.ux-review body #app #main .clean-home .flow-hero-copy>.flow-hero-lead{font-size:20px;font-weight:600;line-height:1.3;margin:12px 0 18px} html.ux-review body #app #main .clean-home .nu-easy-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start} html.ux-review body #app #main .clean-home .nu-easy-icons li{display:flex;flex-direction:column;align-items:center;min-width:0;gap:12px;text-align:center} html.ux-review body #app #main .clean-home .nu-easy-icons li>span:last-child{display:block;width:100%;font-size:20px;font-weight:700;line-height:1.2;color:var(--palette-navy)} html.ux-review body #app #main .clean-home .nu-easy-icons li small{display:block;font-size:16px;font-weight:400;line-height:1.3;margin-top:8px;color:var(--palette-navy);opacity:1} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-subhead strong{font-size:26px}html.ux-review body #app #main .clean-home .nu-hero-subhead>span{font-size:18px}html.ux-review body #app #main .clean-home .hero-offer-price>strong{font-size:28px}html.ux-review body #app #main .clean-home .hero-offer-price>span{font-size:18px}html.ux-review body #app #main .clean-home .nu-easy-icons{gap:10px}html.ux-review body #app #main .clean-home .nu-easy-icons li>span:last-child{font-size:18px}html.ux-review body #app #main .clean-home .nu-easy-icons li small{margin-top:8px}} /* Reserve the full phrase width so typing never moves the hero CTA. */ html.ux-review body #app #main .clean-home .nu-hero-typing{min-height:1.15em;white-space:nowrap} .nu-hero-caret{display:inline-block;width:2px;height:.85em;margin-left:4px;background:currentColor;vertical-align:-.02em;animation:nu-hero-blink 1s step-end infinite} @keyframes nu-hero-blink{50%{opacity:0}} @media(prefers-reduced-motion:reduce){.nu-hero-caret{display:none;animation:none}} /* Give the animated benefit its own clear place in the hero hierarchy. */ html.ux-review body #app #main .clean-home .nu-hero-subhead strong.nu-hero-typing{font-size:36px;font-weight:700;line-height:1.2;min-height:1.2em;margin:4px 0 14px;color:var(--palette-navy)} html.ux-review body #app #main .clean-home .nu-hero-typing .nu-hero-typing-text{font-size:inherit;font-weight:700;line-height:inherit;color:inherit} html.ux-review body #app #main .clean-home .nu-hero-typing .nu-hero-caret{width:3px;height:.85em;margin-left:6px} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-subhead strong.nu-hero-typing{font-size:28px;margin:6px 0 12px}} /* Two stable lines; once typed, leave the complete message readable. */ html.ux-review body #app #main .clean-home .nu-hero-subhead strong.nu-hero-typing{white-space:pre-line;min-height:2.4em} .nu-hero-typing.nu-typing-complete .nu-hero-caret{visibility:hidden;animation:none} /* Owner-selected photograph: retain the complete ears, tongue and paws. */ html.ux-review body #app #main .clean-home .campaign-hero{background:var(--palette-cream)} html.ux-review body #app #main .clean-home .flow-hero:after{display:none} html.ux-review body #app #main .clean-home .nu-hero-real-photo{inset:auto 0 auto auto;top:50%;transform:translateY(-50%);width:50%;height:auto;max-height:660px;object-fit:contain;object-position:center} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{top:146px;right:0;width:100%;height:290px;transform:none;object-position:center}html.ux-review body #app #main .clean-home .flow-hero-copy h1{margin-bottom:300px}} /* Delivery-box composite keeps the live copy separate from the artwork. */ html.ux-review body #app #main .clean-home .nu-hero-real-photo{inset:0;top:0;transform:none;width:100%;height:100%;max-height:none;object-fit:contain;object-position:right center} @media(max-width:850px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{top:146px;height:290px;object-fit:cover;object-position:right center}} @media(min-width:851px){html.ux-review body #app #main .clean-home .nu-hero-real-photo{left:auto;width:95%}} /* Owner-requested raspberry emphasis for the typed hero message. */ html.ux-review body #app #main .clean-home .nu-hero-subhead strong.nu-hero-typing, html.ux-review body #app #main .clean-home .nu-hero-typing .nu-hero-typing-text{color:var(--palette-denim)} html.ux-review body #app #main .clean-home .flow-hero-copy>.flow-hero-lead{width:100%;text-align:center;margin:8px 0 20px;font-weight:700} html.ux-review body #app #main .clean-home .flow-hero-lead>small{display:block;font-size:16px;font-weight:400;line-height:1.35;margin-top:4px;color:var(--palette-navy)} html.ux-review body #app #main .clean-home .flow-hero-copy>.flow-hero-lead{color:var(--palette-denim)} /* Compatibility source: handover-polish-v555.css */ /* Button foregrounds belong to their component state. Do not globally override button colours. Final handover corrections. Baloo 2 and the selected composition remain intact. A named important layer prevents legacy overrides from shrinking factual captions. */ @layer handover-accessibility { html.ux-review body #app :is(small,figcaption,.small,.eyebrow,.flow-kicker,.card-range,.card-concept,.card-pack,.card-ingredients,.card-price-context,.card-offer-terms,.conceptlabel,.treat-quantity-help,.nu-feed-order-note){font-size:16px;line-height:1.4} html.ux-review body #app :is(button,.btn,input,select,textarea){font-family:'Nu Baloo 2',Arial,sans-serif;font-synthesis:none} html.ux-review body #app :is(button,.btn,summary){font-weight:700} html.ux-review body #app .textlink{color:var(--palette-navy)} html.ux-review body #app :is(.shop-range-nav a,.range-nav a,.shop-navigation a,.footer-link-group a,nav[aria-label="Shop by range"] a){min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center} html.ux-review body #app .quantity-stepper button{min-width:44px;min-height:44px;flex-shrink:0} html.ux-review body #app button.textlink{min-height:44px;padding-top:8px;padding-bottom:8px;text-align:left;white-space:normal} html.ux-review body #app footer.site-footer.compact-footer :is(a,p,summary,small,span,button,h2,label){color:var(--palette-cream)} html.ux-review body #app :is(.gallery-benefits,.nudog-chat .chat-heading) :is(button,h2){color:var(--palette-cream)} } html.ux-review body #app .nu-feed-order-note{margin:12px 0 0;color:var(--palette-navy);max-width:42ch} html.ux-review body #app .mixed-order-cost-note{padding:14px 18px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-cream);color:var(--palette-navy);max-width:65ch} html.ux-review body #app #main .mixed-box-contents{margin:0;padding:14px 0;border:0;background:transparent} html.ux-review body #app #main .mixed-box-contents .mixed-pouch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} html.ux-review body #app #main .mixed-box-contents .mixed-pouch-pair{display:flex;justify-content:center;height:100px} html.ux-review body #app #main .mixed-box-contents .mixed-pouch-pair :is(img,svg){width:100%;height:100%;max-width:78px;object-fit:contain} html.ux-review body #app #main .mixed-box-contents .mixed-pouch-flavour>span{display:block;text-align:center;font-size:16px;line-height:1.4;color:var(--palette-navy)} html.ux-review body #app #main .bundle-contents{background:transparent;border:0;padding:0;margin:14px 0} html.ux-review body #app #main .product-quick-benefit{margin-bottom:16px} html.ux-review body #app #main .nu-product-benefits{margin:12px 0} html.ux-review body #app #main .nu-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:600px){ html.ux-review body #app #main .mixed-box-contents .mixed-pouch-grid{gap:6px} html.ux-review body #app #main .mixed-box-contents .mixed-pouch-pair{height:80px} html.ux-review body #app #main .nu-step-grid{grid-template-columns:1fr} } /* Compatibility source: shopify-integrations-v556.css */ /* Purchase controls: native radios, original Baloo 2, approved navy/white. */ html body .product-page .nu-purchase-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;padding:0;margin:20px 0 14px;min-width:0} html body .product-page .nu-purchase-card legend{font-size:20px;font-weight:700;padding:0;margin-bottom:12px} html body .product-page .nu-purchase-card>label{display:flex;align-items:flex-start;gap:10px;border:2px solid var(--palette-navy);border-radius:16px;padding:16px;min-height:110px;background:var(--palette-cream);color:var(--palette-navy);cursor:pointer;min-width:0;box-shadow:none} html body .product-page .nu-purchase-card>label:has(input:checked){background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-navy)} html body .product-page .nu-purchase-card>label:has(input:disabled){border-style:dashed;cursor:not-allowed} html body .product-page .nu-purchase-card>label:focus-within{outline:3px solid var(--palette-navy);outline-offset:4px} html body .product-page .nu-purchase-card input{position:static;opacity:1;appearance:auto;flex:0 0 20px;width:20px;height:20px;margin:4px 0 0;accent-color:var(--palette-navy)} html body .product-page .nu-purchase-card label>span{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere} html body .product-page .nu-purchase-card strong{font-size:18px;line-height:1.25;font-weight:700} html body .product-page .nu-purchase-card b{font-size:20px;line-height:1.3;font-weight:700} html body .product-page .nu-purchase-card small{font-size:16px;line-height:1.35;font-weight:400} html body .product-page .subscription-frequency select{width:100%;min-height:48px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-cream);color:var(--palette-navy);font:inherit;font-size:18px;padding:12px} html body .product-page .subscription-frequency[hidden],html body .product-page .subscription-terms[hidden]{display:none} html body .product-page .nu-loox-rating-placement{margin:6px 0 14px} html body .nu-product-reviews{box-sizing:border-box;max-width:1200px;width:100%;margin:40px auto 0;padding:28px 0;border-top:1px solid var(--palette-navy);color:var(--palette-navy)} html body .nu-product-reviews h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:0 0 20px;font-weight:700} html body .nu-reviews-mount{box-sizing:border-box;min-width:0;max-width:100%;padding:24px;border:1px solid var(--palette-navy);border-radius:16px;background:var(--palette-cream);scroll-margin-top:130px;overflow-wrap:anywhere} html body .nu-review-empty-title{font-size:22px;font-weight:700;margin-top:0} html body .nu-subscription-payment-note{font-size:16px;line-height:1.45;padding:14px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-panel);color:var(--palette-navy);margin:16px 0} @media(max-width:600px){html body .product-page .nu-purchase-card{grid-template-columns:1fr}} @media(max-width:600px){html body .product-page .nu-purchase-card>label{padding:12px;gap:8px}html body .nu-reviews-mount{padding:18px}html body .nu-product-reviews{margin-top:28px}} /* Compatibility source: reviews-carousel-v557.css */ /* Loox visual reference only; replace content and behaviour with the live widget. */ html body .nu-loox-preview{background:var(--palette-panel);color:var(--palette-navy);padding:clamp(32px,5vw,64px) 0;margin:0;scroll-margin-top:100px} html body .nu-review-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px} html body .nu-review-heading h2{font-size:clamp(32px,4.3vw,54px);line-height:1.05;margin:10px 0 14px;font-weight:700;letter-spacing:-.02em} html body .nu-review-heading p{font-size:20px;margin:0;line-height:1.4} html body .nu-review-controls{display:flex;gap:10px;padding-bottom:4px} html body .nu-review-controls button{width:48px;height:48px;min-width:48px;border:1.5px solid var(--palette-navy);border-radius:50%;color:var(--palette-navy);background:var(--palette-cream);font-size:24px;cursor:pointer} html body .nu-review-controls button:disabled{opacity:.45;cursor:default} html body .nu-review-disclosure{font-size:16px;line-height:1.4;margin:20px 0 22px;max-width:70ch} html body .nu-review-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--palette-navy) transparent;list-style:none;margin:0;padding:4px 4px 18px;min-width:0} html body .nu-review-card{flex:0 0 calc((100% - 40px)/3.15);min-width:0;scroll-snap-align:start;background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:none} html body .nu-review-media{display:block;position:relative;width:100%;padding:0;border:0;background:var(--palette-cream);aspect-ratio:5/4;cursor:pointer;overflow:hidden;color:var(--palette-navy)} html body .nu-review-media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:5/4} html body .nu-review-media img.nu-review-pack{object-fit:contain;padding:18px;box-sizing:border-box} html body .nu-review-media-label{position:absolute;top:12px;left:12px;background:var(--palette-cream);color:var(--palette-navy);border-radius:999px;padding:5px 10px;font-size:16px;line-height:1.3;font-weight:600} html body .nu-review-play{position:absolute;inset:0;margin:auto;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--palette-navy);color:var(--palette-cream);font-size:24px;padding-left:3px;box-sizing:border-box} html body .nu-review-copy{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1} html body .nu-review-sample-caption{font-size:16px;font-weight:400;line-height:1.3} html body .nu-review-rating{font-size:22px;letter-spacing:2px;line-height:1.1;color:var(--palette-navy)} html body .nu-review-copy h3{font-size:22px;line-height:1.2;margin:0;font-weight:700} html body .nu-review-copy blockquote{font-size:18px;line-height:1.45;margin:0 0 12px;font-weight:400} html body .nu-review-product{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--palette-navy);padding-top:8px;font-size:16px;color:var(--palette-navy);text-decoration:none;font-weight:700} html body .nu-review-bottom{display:flex;justify-content:space-between;gap:16px;font-size:16px;line-height:1.3;margin-top:12px} html body .nu-review-track:focus-visible,html body .nu-review-controls button:focus-visible,html body .nu-review-media:focus-visible,html body .nu-review-product:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px} html body .nu-review-media:focus-visible{outline-offset:-5px} html body .nu-review-dialog{box-sizing:border-box;max-width:620px;width:calc(100% - 32px);max-height:85dvh;border:1px solid var(--palette-navy);border-radius:20px;padding:20px;color:var(--palette-navy);background:var(--palette-cream);overflow:auto} html body .nu-review-dialog::backdrop{background:rgb(16 32 57 / .65)} html body .nu-review-dialog-close{position:sticky;top:0;margin:0 0 12px auto;display:block;width:44px;height:44px;border:1px solid var(--palette-navy);border-radius:50%;background:var(--palette-cream);color:var(--palette-navy);font-size:26px;cursor:pointer} html body #nu-review-dialog-content img{display:block;width:100%;max-height:50dvh;object-fit:contain;background:var(--palette-cream);border-radius:12px} html body #nu-review-dialog-content h2{font-size:28px;line-height:1.2;margin:18px 0 12px} html body #nu-review-dialog-content p{font-size:18px;line-height:1.45;margin:0} @media(max-width:1000px){html body .nu-review-card{flex-basis:calc((100% - 20px)/2.2)}} @media(max-width:600px){html body .nu-review-heading{align-items:flex-start}html body .nu-review-heading h2{font-size:34px}html body .nu-review-heading p{font-size:18px}html body .nu-review-controls{gap:6px}html body .nu-review-controls button{width:44px;height:44px;min-width:44px}html body .nu-review-track{gap:14px}html body .nu-review-card{flex-basis:86%}html body .nu-review-copy{padding:18px}html body .nu-review-disclosure{margin:16px 0}html body .nu-review-bottom{font-size:16px}} @media(max-width:374px){html body .nu-review-heading{flex-wrap:wrap}html body .nu-review-heading h2{font-size:32px}html body .nu-review-controls{margin-left:auto}} /* Compatibility source: cro-improvements-v559.css */ /* Current CRO layer: compact through structure, retaining approved type sizes. */ html.ux-review body #app .announce-track{animation:none;transform:none;will-change:auto} html.ux-review body #app .announce-track>span{min-width:0;white-space:normal;padding:6px 18px;font-size:16px;line-height:1.3} html.ux-review body #app .announce-track>span+span{display:none} html.ux-review body #app .announce-track{display:block;width:100%} html.ux-review body #app .nu-hero-trial-total{font-size:16px;line-height:1.4;margin:10px 0 0;color:var(--palette-navy);max-width:100%} html.ux-review body #app .nu-hero-shop-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--palette-navy);text-decoration:underline;text-underline-offset:4px;font-size:18px;font-weight:700;margin-top:4px} html.ux-review body #app .shop-page{padding-top:24px} html.ux-review body #app .shop-page>.eyebrow{display:none} html.ux-review body #app .shop-page>.nu-companion{display:none} html.ux-review body #app .shop-page>h1{margin:0 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.1} html.ux-review body #app .shop-page>p{margin:0 0 16px;font-size:18px} html.ux-review body #app .shop-page>.filters{margin:12px 0 18px} html.ux-review body #app .nu-quick-options{margin:0 0 10px;padding:0;border:0} html.ux-review body #app .nu-quick-options>summary{font-size:16px;font-weight:700;min-height:44px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--palette-navy);padding:8px 0;cursor:pointer} html.ux-review body #app .nu-quick-options>summary::after{content:'+';margin-left:auto} html.ux-review body #app .nu-quick-options[open]>summary::after{content:'−'} html.ux-review body #app .nu-quick-options label{display:grid;gap:6px;margin-bottom:10px;font-size:16px} html.ux-review body #app .nu-card-unit,html.ux-review body #app .nu-pdp-unit{font-size:16px;line-height:1.3;margin:6px 0;color:var(--palette-navy)} html.ux-review body #app .nu-card-unit:empty,html.ux-review body #app .nu-pdp-unit:empty{display:none} html.ux-review body #app .product>.nu-product-overview{grid-column:2;grid-row:1;min-width:0} html.ux-review body #app .product>.product-gallery{grid-column:1;grid-row:1/span 2} html.ux-review body #app .product>.product-purchase{grid-column:2;grid-row:2} html.ux-review body #app .product{row-gap:12px;align-items:start} html.ux-review body #app .nu-product-overview h1{margin:6px 0 10px} html.ux-review body #app .nu-product-overview #productprice{font-size:28px;margin:12px 0 4px} html.ux-review body #app .nu-product-overview .nu-loox-rating-placement{margin:0} html.ux-review body #app .nu-product-intro>.product-personal-line,html.ux-review body #app .nu-product-intro>.product-quick-benefit{display:none} html.ux-review body #app .nu-product-intro .product-quick-benefits{margin:0 0 14px} html.ux-review body #app .nu-duplicate-saving{display:none} html.ux-review body #app .purchase-guidance{background:var(--palette-panel);border-radius:10px;padding:10px 12px;margin:12px 0} html.ux-review body #app .purchase-guidance strong,html.ux-review body #app .purchase-guidance span{font-size:16px;line-height:1.35} html.ux-review body #app .purchase-guidance span{margin-top:4px} html.ux-review body #app .purchase-delivery{padding:12px;margin:14px 0;background:var(--palette-cream)} html.ux-review body #app .purchase-delivery strong{font-size:18px} html.ux-review body #app .purchase-delivery p{font-size:16px;margin:6px 0} html.ux-review body #app .nu-advanced-calories{border:1px solid var(--palette-navy);border-radius:12px;padding:10px;align-self:start} html.ux-review body #app .nu-advanced-calories summary{min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:700;cursor:pointer} html.ux-review body #app .nu-advanced-calories label{display:grid;gap:8px;font-size:16px} html.ux-review body #app .nu-first-order{display:grid;gap:6px;font-size:16px;line-height:1.35;border-top:1px solid var(--palette-navy);padding-top:12px;margin:12px 0} html.ux-review body #app .nu-first-order :is(strong,span,small){font-size:16px;line-height:1.35} html.ux-review body #app .nu-cart-error{display:block;font-size:16px;line-height:1.35;font-weight:700;max-width:26ch;margin-top:8px} html.ux-review body #app .nu-cart-error:empty{display:none} html.ux-review body #app .cartqty[aria-invalid=true]{outline:2px solid var(--palette-navy);outline-offset:3px} html.ux-review body #app .nu-cart-undo{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-panel);margin:16px 0;font-size:16px} html.ux-review body #app .nu-cart-undo button{min-height:44px;padding:8px 14px;border:1px solid var(--palette-navy);border-radius:8px;background:var(--palette-navy);color:var(--palette-cream);font:inherit;font-weight:700;cursor:pointer} html.ux-review body #app .nu-cart-undo small{font-size:16px} html.ux-review body #app .nu-cart-undo-error{flex-basis:100%} html.ux-review body #app .nu-cart-undo-error:empty{display:none} @media(min-width:851px){html.ux-review body #app .nu-product-overview .eyebrow{font-size:16px}} @media(max-width:850px){ html.ux-review body #app .product-page{padding-top:14px} html.ux-review body #app .product-page>.back{margin-bottom:10px;min-height:44px;display:inline-flex;align-items:center} html.ux-review body #app .product{display:flex;flex-direction:column;gap:14px} html.ux-review body #app .product>.nu-product-overview{order:0;width:100%} html.ux-review body #app .product>.product-gallery{order:1;width:100%;position:static;margin:0} html.ux-review body #app .product>.product-purchase{order:2;width:100%;display:flex;flex-direction:column;gap:12px} html.ux-review body #app .product-purchase>.purchase-panel{order:0;width:100%;padding:16px} html.ux-review body #app .product-purchase>.nu-product-intro{order:1;width:100%} html.ux-review body #app .product-purchase>p,html.ux-review body #app .product-purchase>details{order:2} html.ux-review body #app .nu-product-overview .eyebrow{display:none} html.ux-review body #app .nu-product-overview h1{font-size:30px;line-height:1.1;margin:0 0 8px} html.ux-review body #app .nu-product-overview #productprice{font-size:24px;margin:8px 0 4px} html.ux-review body #app .product-gallery .gallery-track{height:auto;align-items:flex-start;max-height:none} html.ux-review body #app .product-gallery .gallery-slide{margin:0;min-height:0} html.ux-review body #app .product-gallery .bigimage,html.ux-review body #app .product-gallery .gallery-food{height:240px;min-height:0;max-height:240px} html.ux-review body #app .product-gallery .bigimage :is(img,svg),html.ux-review body #app .product-gallery .gallery-food :is(img,svg){height:230px;max-height:230px;width:100%;object-fit:contain} html.ux-review body #app .gallery-tabs{margin-top:8px;gap:8px} html.ux-review body #app .gallery-tabs button{font-size:16px;min-height:44px} html.ux-review body #app .gallery-hint{display:none} html.ux-review body #app .fresh-recipe-navigation{margin:0 0 8px} html.ux-review body #app .fresh-recipe-navigation>p{display:none} html.ux-review body #app .fresh-recipe-navigation a{min-height:44px;font-size:16px} html.ux-review body #app .nu-purchase-card{margin:10px 0;gap:10px} html.ux-review body #app .nu-purchase-card>label{min-height:0;padding:12px} html.ux-review body #app .nu-purchase-card b{font-size:18px} html.ux-review body #app .mobile-purchase-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;min-height:76px;align-items:center;justify-content:space-between;gap:12px;padding:10px 5% calc(10px + env(safe-area-inset-bottom));background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app .mobile-purchase-bar.is-inactive,html.ux-review body:has(dialog[open]) #app .mobile-purchase-bar{display:none} html.ux-review body #app .mobile-purchase-bar>div{display:grid;gap:2px;min-width:0} html.ux-review body #app .mobile-purchase-bar #sticky-price{font-size:20px;color:var(--palette-cream);white-space:nowrap} html.ux-review body #app .mobile-purchase-bar .sticky-edit{display:block;min-height:44px;border:0;background:none;padding:0;text-decoration:underline;color:var(--palette-cream);font-size:16px} html.ux-review body #app .mobile-purchase-bar .btn{min-height:48px;min-width:144px;padding:10px 14px;font-size:16px;background:var(--palette-cream);color:var(--palette-navy);border-color:var(--palette-cream)} html.ux-review body.has-purchase-bar #app #chat-launcher{bottom:calc(116px + env(safe-area-inset-bottom))} html.ux-review body:has(#feeding[open]) #app #chat-launcher,html.ux-review body:has(.nu-mixed:focus-within) #app #chat-launcher{display:none} html.ux-review body #app .shop-page .recipe-card{padding:14px;gap:12px} html.ux-review body #app .shop-page .recipe-card .card-ingredients{font-size:16px;line-height:1.35;margin:8px 0} html.ux-review body #app .shop-page .recipe-card .nu-review-badge{margin:6px 0} html.ux-review body #app .shop-page .recipe-card .card-body{min-width:0} html.ux-review body #app .shop-page .recipe-card .card-concept{font-size:16px} } /* Keep new hero actions in the established flex reading order. */ html.ux-review body #app .flow-hero-copy>.nu-hero-trial-total{order:3} html.ux-review body #app .flow-hero-copy>.nu-hero-shop-link{order:4} html.ux-review body #app .treat-quick-buy{display:block} html.ux-review body #app .nu-quick-options{width:100%;margin:0 0 10px} html.ux-review body #app .nu-quick-options>summary{width:100%;box-sizing:border-box;min-height:44px;line-height:1.3;margin:0;padding:8px 0} html.ux-review body #app .treat-quick-buy>[data-treat-add]{margin:0;width:100%;min-height:48px} @media(max-width:850px){ html.ux-review body #app .shop-page .card-body .card-ingredients{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} html.ux-review body #app .shop-page .nu-review-badge{display:flex;flex-wrap:nowrap;gap:6px;width:100%;box-sizing:border-box;padding:8px} html.ux-review body #app .shop-page .nu-review-stars{flex:0 0 auto;gap:1px} html.ux-review body #app .shop-page .nu-review-stars svg{width:14px;height:14px} html.ux-review body #app .shop-page .nu-review-label{min-width:0;font-size:16px} html.ux-review body #app .shop-page .nu-review-label small{font-size:16px} html.ux-review body #app .shop-page .ux-card-details{margin:8px 0 0} html.ux-review body #app .shop-page .ux-card-details summary{min-height:44px;font-size:16px;padding:8px 0} } html.ux-review body #app .cart-purchase-choice .purchase-shipping-note{display:none} html.ux-review body #app .nu-advanced-calories:not([open]) label{display:none} @media(max-width:850px){html.ux-review body #app #main .mobile-purchase-bar .btn{background:var(--palette-cream);color:var(--palette-navy);border:1px solid var(--palette-cream);border-radius:10px;display:inline-flex;align-items:center;justify-content:center}} @media(max-width:850px){html.ux-review body #app #main .mobile-purchase-bar.is-before-panel .sticky-edit{display:none}} @layer nudog-card-typography { /* Shopping-card type contract. This explicit scope outranks historical global readability rules; keep future card typography here rather than adding layers. Baloo 2: facts 400, short accents 600, headings and controls 700. */ html.ux-review body #app #main .shop-page .recipe-card { font-family:"Nu Baloo 2",Arial,sans-serif; font-synthesis:none; } html.ux-review body #app #main .shop-page .recipe-card .card-body :is(.card-ingredients,.card-benefit-list li span) { font-size:18px;font-weight:400;line-height:1.4; } html.ux-review body #app #main .shop-page .recipe-card .card-benefit-list li strong { font-size:18px;font-weight:700;line-height:1.3; } html.ux-review body #app #main .shop-page .recipe-card .nu-card-unit { font-size:16px;font-weight:400;line-height:1.3; } html.ux-review body #app #main .shop-page .recipe-card :is(.nu-quick-options>summary,.ux-card-details>summary) { font-size:18px;font-weight:700;line-height:1.3;min-height:44px; } html.ux-review body #app #main .shop-page .recipe-card .bundle-recommendation { font-size:16px;font-weight:600;line-height:1.4; } html.ux-review body #app #main .shop-page .recipe-card .nu-quick-options label { font-size:18px;font-weight:700;line-height:1.3; } html.ux-review body #app #main .shop-page .recipe-card .nu-quick-options :is(select,input) { font-size:18px;font-weight:400;line-height:1.4;min-height:44px; } } /* Compatibility source: subscription-first-v561.css */ /* Subscription-first components use the established first important layer. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-card-purchase-options {display:grid;grid-template-columns:1fr;gap:8px;border:0;margin:12px 0;padding:0;min-width:0} html.ux-review body #app #main .nu-card-purchase-options legend {font-size:18px;font-weight:700;margin-bottom:8px} html.ux-review body #app #main .nu-card-purchase-options label {display:flex;align-items:flex-start;gap:8px;border:1px solid var(--palette-navy);border-radius:12px;padding:12px;background:var(--palette-cream);min-width:0;min-height:44px;cursor:pointer} html.ux-review body #app #main .nu-card-purchase-options label:has(input[value=subscribe]) {background:var(--palette-panel)} html.ux-review body #app #main .nu-card-purchase-options label:has(input:checked) {outline:2px solid var(--palette-navy);outline-offset:1px} html.ux-review body #app #main .nu-card-purchase-options label:focus-within {outline:3px solid var(--palette-navy);outline-offset:3px} html.ux-review body #app #main .nu-card-purchase-options label>span {display:grid;gap:4px;min-width:0} html.ux-review body #app #main .nu-card-purchase-options input {appearance:auto;opacity:1;position:static;width:20px;height:20px;flex:0 0 20px;margin:3px 0;accent-color:var(--palette-navy)} html.ux-review body #app #main .nu-card-purchase-options :is(strong,b) {font-size:18px;font-weight:700;line-height:1.25;overflow-wrap:anywhere} html.ux-review body #app #main .nu-card-purchase-options small {font-size:16px;font-weight:400;line-height:1.4} html.ux-review body #app #main [data-treat-buy]>.purchase-mode[hidden] {display:none} html.ux-review body #app #main [data-treat-buy]>label:has([data-treat-plan]) {display:grid;gap:6px;font-size:18px;font-weight:700;margin:12px 0} html.ux-review body #app #main [data-treat-buy]>label[hidden] {display:none} html.ux-review body #app #main [data-treat-buy]>label select {width:100%;min-height:48px;font-size:18px;font-weight:400;padding:10px;border:1px solid var(--palette-navy);border-radius:10px} html.ux-review body #app #main :is(.nu-card-flexibility,.purchase-shipping-note) {font-size:16px;font-weight:400;line-height:1.4;margin:10px 0} html.ux-review body #app #main .nu-hero-subscription {order:2;font-size:20px;font-weight:400;line-height:1.4;margin:12px 0;max-width:40ch} html.ux-review body #app #main .nu-subscription-page :is(p,li) {font-size:18px;font-weight:400;line-height:1.5} html.ux-review body #app #main :is(.nu-sub-benefits,.nu-sub-steps) :is(span,p,li) {font-size:18px;font-weight:400;line-height:1.4} html.ux-review body #app #main :is(.nu-sub-benefits,.nu-sub-steps) strong {font-size:20px;font-weight:700;line-height:1.25} html.ux-review body #app #main .nu-cart-upgrade :is(p,label,select) {font-size:18px;font-weight:400;line-height:1.4} html.ux-review body #app #main .nu-cart-upgrade button {font-size:18px;font-weight:700;line-height:1.3} } .nu-sub-benefits {background:var(--palette-panel);color:var(--palette-navy);padding:24px 0;border-block:1px solid var(--palette-navy)} .nu-sub-benefits>.wrap {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .nu-sub-benefits .wrap>div,.nu-sub-steps li {display:grid;gap:8px} .nu-sub-benefits a {grid-column:1/-1;min-height:44px;display:flex;align-items:center;text-decoration:underline} .nu-sub-steps {padding-block:32px} .nu-sub-steps ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;margin:20px 0} .nu-subscription-page {color:var(--palette-navy);background:var(--palette-cream)} .nu-subscription-page h1 {font-size:clamp(36px,5vw,62px);line-height:1.08} .nu-subscription-page h2 {font-size:clamp(28px,3.5vw,40px);line-height:1.15} .nu-subscription-page h3 {font-size:24px;line-height:1.2} .nu-sub-hero {display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-block:40px} .nu-sub-hero figure {margin:0;min-width:0} .nu-sub-hero img {display:block;width:100%;height:auto;max-height:420px;object-fit:contain} .nu-sub-price-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px} .nu-sub-price-grid article {padding:24px;border:1px solid var(--palette-navy);border-radius:16px;background:var(--palette-cream)} .nu-sub-comparison .nu-sub-price-grid article:first-child {background:var(--palette-panel)} .nu-sub-price-grid strong {font-size:24px;line-height:1.3} .nu-subscription-page :is(.nu-sub-comparison,.nu-sub-feeding,.nu-sub-control,.nu-sub-faq) {padding-block:32px} .nu-sub-faq details {border-top:1px solid var(--palette-navy);padding:12px 0} .nu-sub-faq summary {min-height:44px;cursor:pointer;font-size:20px;font-weight:700} .nu-cart-upgrade {padding:16px;border:1px solid var(--palette-navy);border-radius:12px;background:var(--palette-panel);display:grid;gap:10px;margin:12px 0} .nu-cart-upgrade label {display:grid;gap:6px} .nu-cart-upgrade select {width:100%;min-height:48px;max-width:100%} .nu-cart-upgrade button {min-height:48px;background:var(--palette-navy);color:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:10px;padding:12px;white-space:normal} .nu-basket-saving {padding:12px;background:var(--palette-panel);border:1px solid var(--palette-navy);border-radius:10px} @media(max-width:850px){.nu-sub-benefits>.wrap,.nu-sub-steps ol,.nu-sub-hero{grid-template-columns:1fr}.nu-sub-hero{padding-block:24px;gap:16px}.nu-sub-hero figure{order:-1}.nu-sub-hero img{max-height:240px}.nu-sub-price-grid article{padding:18px}} /* Keep the subscription decision ahead of the decorative hero image on mobile. */ .nu-hero-mobile-sub-photo {display:none} @layer nudog-card-typography { @media(max-width:850px){ html.ux-review body #app #main .clean-home .nu-hero-real-photo {display:none} html.ux-review body #app #main .clean-home .flow-hero-copy h1 {font-size:36px;margin:0 0 12px;order:0} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-subscription {order:1;font-size:18px;margin:0 0 14px} html.ux-review body #app #main .clean-home .flow-hero-copy>.clean-main-action {order:2} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-shop-link {order:3;margin:0 0 12px} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-mobile-sub-photo {display:block;position:static;order:4;width:100%;height:auto;max-height:240px;object-fit:contain} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-subhead {order:5;margin:12px 0} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-hero-reviews {order:6} html.ux-review body #app #main .clean-home .flow-hero-copy>.flow-hero-lead {order:7} html.ux-review body #app #main .clean-home .flow-hero-copy>.nu-easy-icons {order:8} } } /* Compatibility source: subscription-personality-v562.css */ /* One story-led panel replaces the duplicated benefits/steps blocks. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-sub-personality {padding:36px 0;background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .nu-sub-personality>.wrap {display:block} html.ux-review body #app #main .nu-sub-personality .nu-sub-story {display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy {display:block} html.ux-review body #app #main .nu-sub-personality h2 {font-size:clamp(36px,4vw,46px);font-weight:700;line-height:1.08;margin:8px 0 16px} html.ux-review body #app #main .nu-sub-personality .nu-sub-eyebrow {font-size:16px;font-weight:600;line-height:1.3;margin:0} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy>p:last-child {font-size:20px;font-weight:400;line-height:1.4;max-width:38ch;margin:0} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter {margin:0;min-width:0;text-align:center;align-self:center} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter img {width:100%;height:auto;max-width:260px;display:block;margin:auto;object-fit:contain} html.ux-review body #app #main .nu-sub-personality figcaption {font-size:16px;font-weight:600;line-height:1.3;margin:0} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:24px 0} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks li {display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--palette-navy);border-radius:16px;background:var(--palette-cream);min-width:0} html.ux-review body #app #main .nu-sub-personality .nu-sub-step-number {width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--palette-navy);color:var(--palette-cream);font-size:18px;font-weight:700;line-height:1} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks li>div {display:grid;gap:6px;min-width:0} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks strong {font-size:20px;font-weight:700;line-height:1.2} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks li>div>span {font-size:18px;font-weight:400;line-height:1.4} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-actions {display:flex;align-items:center;gap:20px;flex-wrap:wrap} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-actions a {min-height:48px;display:inline-flex;align-items:center;font-size:18px;font-weight:700;line-height:1.25} html.ux-review body #app #main .nu-sub-personality .nu-sub-explain {text-decoration:underline;text-underline-offset:4px;gap:10px} @media(max-width:850px){ html.ux-review body #app #main .nu-sub-personality {padding:24px 0} html.ux-review body #app #main .nu-sub-personality .nu-sub-story {grid-template-columns:1.15fr 1fr;gap:8px} html.ux-review body #app #main .nu-sub-personality h2 {font-size:32px;margin:8px 0 12px} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy>p:last-child {font-size:18px} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter figcaption {font-size:16px} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks {grid-template-columns:1fr;gap:10px;margin:20px 0} html.ux-review body #app #main .nu-sub-personality .nu-sub-perks li {padding:14px} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-actions {gap:10px} } @media(max-width:374px){ html.ux-review body #app #main .nu-sub-personality .nu-sub-story {grid-template-columns:1fr} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter img {max-width:200px} } } @layer nudog-card-typography { html.ux-review body #app #main .nu-sub-personality .nu-sub-story-actions .btn {text-decoration:none} @media(min-width:375px) and (max-width:850px){ html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy {display:contents} html.ux-review body #app #main .nu-sub-personality .nu-sub-eyebrow {grid-column:1;grid-row:1} html.ux-review body #app #main .nu-sub-personality h2 {grid-column:1;grid-row:2} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy>p:last-child {grid-column:1/-1;grid-row:3;max-width:none} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter {grid-column:2;grid-row:1/span 2} } } /* Subscription value owns the heading; the slogan is supporting copy. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-sub-personality .nu-sub-offer-title {font-size:clamp(36px,4vw,46px);font-weight:700;line-height:1.1;margin:0 0 12px;max-width:15ch} html.ux-review body #app #main .nu-sub-personality .nu-sub-offer-title span {font:inherit;white-space:nowrap} html.ux-review body #app #main .nu-sub-personality .nu-sub-support {font-size:24px;font-weight:600;line-height:1.25;margin:0 0 12px} @media(min-width:375px) and (max-width:850px){ html.ux-review body #app #main .nu-sub-personality .nu-sub-offer-title {grid-column:1/-1;grid-row:1;font-size:34px;max-width:none;margin:0 0 10px} html.ux-review body #app #main .nu-sub-personality .nu-sub-support {grid-column:1;grid-row:2;font-size:22px;margin:0 0 8px} html.ux-review body #app #main .nu-sub-personality .nu-sub-story-copy>p:last-child {grid-column:1;grid-row:3;align-self:start} html.ux-review body #app #main .nu-sub-personality .nu-sub-scooter {grid-column:2;grid-row:2/span 2} } @media(max-width:374px){ html.ux-review body #app #main .nu-sub-personality .nu-sub-offer-title {font-size:32px;max-width:none} html.ux-review body #app #main .nu-sub-personality .nu-sub-support {font-size:22px} } } /* Compatibility source: focused-hero-v565.css */ /* One hero component and one reading order. Retired campaign selectors do not participate in this layout; no absolute image offsets or duplicate mobile art. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-hero {background:var(--palette-cream);color:var(--palette-navy);padding:32px 0 24px;overflow:hidden} html.ux-review body #app #main .nu-focused-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 32px;align-items:center;padding-top:0;padding-bottom:0} html.ux-review body #app #main .nu-focused-copy {min-width:0;grid-column:1;grid-row:1} html.ux-review body #app #main .nu-focused-copy h1 {font-size:clamp(48px,4.5vw,62px);font-weight:700;line-height:1.07;letter-spacing:-.02em;margin:0 0 16px;color:var(--palette-navy);max-width:18ch} html.ux-review body #app #main .nu-focused-copy h1 span {font:inherit;color:inherit} html.ux-review body #app #main .nu-focused-description {font-size:20px;font-weight:400;line-height:1.4;margin:0 0 20px;max-width:40ch} html.ux-review body #app #main .nu-focused-actions {display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0} html.ux-review body #app #main .nu-focused-actions a {font-size:18px;line-height:1.3;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px} html.ux-review body #app #main .nu-focused-actions .btn {background:var(--palette-navy);color:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:12px;padding:14px 22px;font-weight:700;text-decoration:none} html.ux-review body #app #main .nu-focused-explain {font-weight:400;color:var(--palette-navy);text-decoration:underline;text-underline-offset:4px} html.ux-review body #app #main .nu-focused-art {grid-column:2;grid-row:1/span 2;margin:0;min-width:0;overflow:hidden;height:430px} html.ux-review body #app #main .nu-focused-art img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:85% center} html.ux-review body #app #main .nu-focused-proof {grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border-top:1px solid var(--palette-navy);padding-top:12px} html.ux-review body #app #main .nu-focused-origin {font-size:16px;font-weight:600;line-height:1.3;color:var(--palette-navy)} html.ux-review body #app #main .nu-focused-proof .nu-review-badge {display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:0;padding:0;margin:0;min-height:44px;color:var(--palette-navy);box-shadow:none;max-width:200px} html.ux-review body #app #main .nu-focused-proof .nu-review-stars {gap:1px} html.ux-review body #app #main .nu-focused-proof .nu-review-stars svg {width:14px;height:14px} html.ux-review body #app #main .nu-focused-proof .nu-review-label {font-size:16px;font-weight:700;line-height:1.2} html.ux-review body #app #main .nu-focused-proof .nu-review-label small {display:block;font-size:16px;font-weight:400;line-height:1.2;margin:2px 0 0} html.ux-review body #app #main .nu-focused-benefits {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:4px 0 0;padding:16px 0 0;border-top:1px solid var(--palette-navy)} html.ux-review body #app #main .nu-focused-benefits li {display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:0;margin:0} html.ux-review body #app #main .nu-focused-benefits svg {width:28px;height:28px;flex:0 0 28px;color:var(--palette-navy)} html.ux-review body #app #main .nu-focused-benefits span {font-size:18px;font-weight:700;line-height:1.25;color:var(--palette-navy)} @media(max-width:850px){ html.ux-review body #app #main .nu-focused-hero {padding:22px 0 20px} html.ux-review body #app #main .nu-focused-grid {grid-template-columns:minmax(0,1fr);gap:14px} html.ux-review body #app #main .nu-focused-copy {grid-row:1;grid-column:1} html.ux-review body #app #main .nu-focused-copy h1 {font-size:clamp(36px,6vw,44px);line-height:1.08;margin-bottom:12px;max-width:20ch} html.ux-review body #app #main .nu-focused-description {font-size:18px;margin-bottom:16px;max-width:none} html.ux-review body #app #main .nu-focused-actions .btn {width:100%;justify-content:space-between} html.ux-review body #app #main .nu-focused-actions {gap:4px} html.ux-review body #app #main .nu-focused-art {grid-column:1;grid-row:2;height:300px;width:100%;max-width:480px;margin-inline:auto} html.ux-review body #app #main .nu-focused-proof {grid-column:1;grid-row:3;gap:10px;padding-top:10px} html.ux-review body #app #main .nu-focused-proof .nu-review-badge {max-width:185px} html.ux-review body #app #main .nu-focused-benefits {grid-column:1;grid-row:4;gap:8px;margin:0;padding-top:12px} html.ux-review body #app #main .nu-focused-benefits li {flex-direction:column;gap:6px;text-align:center} html.ux-review body #app #main .nu-focused-benefits span {font-size:16px;line-height:1.3} } @media(max-width:374px){html.ux-review body #app #main .nu-focused-art {height:260px}html.ux-review body #app #main .nu-focused-proof {flex-wrap:wrap}} } /* Equal icon and label tracks prevent wrapped copy from shifting the artwork. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-benefits {align-items:start;padding-top:18px} html.ux-review body #app #main .nu-focused-benefits li {display:grid;grid-template-rows:40px minmax(2.6em,auto);justify-items:center;align-items:start;align-content:start;gap:10px;text-align:center} html.ux-review body #app #main .nu-focused-benefits svg {width:38px;height:38px;display:block;flex:none;stroke-width:2.2;overflow:visible} html.ux-review body #app #main .nu-focused-benefits span {font-size:18px;font-weight:700;line-height:1.3;max-width:13ch;min-height:2.6em;display:block} @media(max-width:850px){ html.ux-review body #app #main .nu-focused-benefits li {grid-template-rows:36px minmax(2.6em,auto);gap:8px} html.ux-review body #app #main .nu-focused-benefits svg {width:34px;height:34px} html.ux-review body #app #main .nu-focused-benefits span {font-size:16px;max-width:11ch} } } /* Approved navy discs with white linework; retain equal icon/label tracks. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-benefits li {grid-template-rows:60px minmax(2.6em,auto)} html.ux-review body #app #main .nu-focused-benefits svg {box-sizing:border-box;width:60px;height:60px;padding:13px;background:var(--palette-navy);color:var(--palette-cream);border-radius:50%;overflow:hidden} @media(max-width:850px){ html.ux-review body #app #main .nu-focused-benefits li {grid-template-rows:54px minmax(2.6em,auto)} html.ux-review body #app #main .nu-focused-benefits svg {width:54px;height:54px;padding:11px} } } /* Owner-directed raspberry hero statement replaces both hero actions. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-thrive {font-size:36px;font-weight:700;line-height:1.15;color:var(--palette-denim);margin:0;letter-spacing:0} html.ux-review body #app #main .clean-home .nu-natural-intro .nu-thrive-photo {grid-column:1/-1;grid-row:5;width:100%;height:280px;min-height:0;border-radius:16px;margin:0 0 20px} @media(max-width:850px){html.ux-review body #app #main .nu-focused-thrive {font-size:28px;line-height:1.2}html.ux-review body #app #main .clean-home .nu-natural-intro .nu-thrive-photo {height:220px}} } /* Full-copy reserve prevents shifting while the visual overlay types once. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-thrive {position:relative} html.ux-review body #app #main .nu-typing-a11y {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} html.ux-review body #app #main .nu-typing-output {display:none} html.ux-review body #app #main .nu-focused-thrive.is-typing .nu-typing-reserve {visibility:hidden} html.ux-review body #app #main .nu-focused-thrive.is-typing .nu-typing-output {display:block;position:absolute;inset:0;white-space:pre-line;color:inherit;font:inherit} html.ux-review body #app #main .nu-focused-thrive.is-typing .nu-typing-output::after {content:'';display:inline-block;height:.9em;border-right:2px solid currentColor;margin-left:3px;vertical-align:-.05em} @media(prefers-reduced-motion:reduce){html.ux-review body #app #main .nu-focused-thrive.is-typing .nu-typing-reserve {visibility:visible}html.ux-review body #app #main .nu-focused-thrive.is-typing .nu-typing-output {display:none}} } /* Feeding comparison deep link stays clear of navigation. */ html.ux-review body #app #main #mixed-feeding {scroll-margin-top:24px} /* Trial-specific product offer: direct trial route, separate from subscriptions. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-showcase-trial {display:grid;justify-items:center;gap:8px;max-width:540px;margin:20px auto 0} html.ux-review body #app #main .nu-showcase-trial .btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;max-width:430px;padding:14px 18px;background:var(--palette-navy);color:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:12px;font-size:18px;font-weight:700;line-height:1.3;white-space:normal;text-decoration:none} html.ux-review body #app #main .nu-showcase-trial p {font-size:16px;font-weight:400;line-height:1.4;margin:0} html.ux-review body #app #main .nu-showcase-trial small {font-size:16px;font-weight:400;line-height:1.4} } @layer nudog-card-typography { html.ux-review body #app #main .nu-focused-thrive .nu-typing-reserve {font:inherit;color:inherit} } /* Compatibility source: nutrition-comparison-v587.css */ @layer nudog-card-typography { html.ux-review body #app #main .nu-nutrition-comparison{background:var(--palette-panel);color:var(--palette-navy);padding:32px 0 56px} html.ux-review body #app #main .nu-nutrition-comparison .wrap{max-width:1500px} html.ux-review body #app #main .nu-nutrition-comparison h1{font-size:clamp(36px,5vw,64px);line-height:1.1;color:var(--palette-denim);margin:20px 0} html.ux-review body #app #main .nu-nutrition-comparison h2{font-size:clamp(28px,3vw,40px);color:var(--palette-denim);line-height:1.2;margin:28px 0 12px} html.ux-review body #app #main .nu-nutrition-comparison p{font-size:18px;line-height:1.5;max-width:85ch} html.ux-review body #app #main .nu-compare-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0} html.ux-review body #app #main .nu-compare-highlights>div{display:grid;gap:8px;padding:22px;border-radius:16px;background:var(--palette-cream)} html.ux-review body #app #main .nu-compare-highlights strong{font-size:24px;font-weight:700} html.ux-review body #app #main .nu-compare-highlights span{font-size:18px} html.ux-review body #app #main .nu-evidence-note{background:var(--palette-cream);padding:16px;border-left:4px solid var(--palette-denim);border-radius:8px} html.ux-review body #app #main .nu-compare-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0} html.ux-review body #app #main .nu-compare-tabs button{background:var(--palette-cream);color:var(--palette-navy);border:2px solid var(--palette-navy);border-radius:12px;padding:12px 20px;min-height:48px;font:700 18px/1.3 'Nu Baloo 2',sans-serif;cursor:pointer} html.ux-review body #app #main .nu-compare-tabs button[aria-pressed=true]{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app #main .nu-nutrition-panel[hidden]{display:none} html.ux-review body #app #main .nu-comparison-scroll{overflow:auto;border-radius:16px;background:var(--palette-cream);margin-top:24px} html.ux-review body #app #main .nu-comparison-scroll table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed;color:var(--palette-navy);font-size:16px} html.ux-review body #app #main .nu-comparison-scroll caption{text-align:left;font-size:16px;padding:16px;background:var(--palette-cream)} html.ux-review body #app #main .nu-comparison-scroll th,html.ux-review body #app #main .nu-comparison-scroll td{padding:16px 12px;vertical-align:middle;border-bottom:1px solid #D7E2EB;text-align:center;overflow-wrap:anywhere;line-height:1.35} html.ux-review body #app #main .nu-comparison-scroll th:first-child{width:220px;text-align:left} html.ux-review body #app #main .nu-comparison-scroll th small{display:block;font-size:16px;font-weight:400;line-height:1.35;margin-top:7px} html.ux-review body #app #main .nu-comparison-scroll tr:nth-child(even){background:#F0F6FA} html.ux-review body #app #main .nu-comparison-scroll .nu-our-column{background:var(--palette-navy);color:var(--palette-cream);font-weight:700} html.ux-review body #app #main .nu-yes{font-size:26px;font-weight:700} html.ux-review body #app #main .nu-no{font-size:28px;color:var(--palette-denim)} html.ux-review body #app #main .nu-unverified{font-size:16px;font-weight:400} html.ux-review body #app #main .nu-compare-mobile{display:none} html.ux-review body #app #main .nu-compare-next{padding:24px;border-radius:16px;background:var(--palette-cream);margin:28px 0} html.ux-review body #app #main .nu-compare-next .btn{background:var(--palette-navy);color:var(--palette-cream);min-height:48px;white-space:normal} html.ux-review body #app #main .nu-compare-sources{margin-top:32px;background:var(--palette-cream);padding:20px;border-radius:16px} html.ux-review body #app #main .nu-compare-sources summary{font-size:20px;font-weight:700;cursor:pointer;min-height:44px} html.ux-review body #app #main .nu-compare-sources li{font-size:18px;line-height:1.5;margin:12px 0} html.ux-review body #app #main .nu-nutrition-comparison :is(a,button,select):focus-visible{outline:3px solid var(--palette-denim);outline-offset:3px} @media(max-width:850px){ html.ux-review body #app #main .nu-compare-highlights{grid-template-columns:1fr} html.ux-review body #app #main .nu-compare-mobile{display:grid;gap:8px;font-size:18px;margin-top:20px} html.ux-review body #app #main .nu-compare-mobile select{width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid var(--palette-navy);border-radius:10px;padding:10px;background:var(--palette-cream);font:400 16px 'Nu Baloo 2',sans-serif} html.ux-review body #app #main .nu-comparison-scroll table{min-width:0;font-size:16px} html.ux-review body #app #main .nu-comparison-scroll th:first-child{width:38%} html.ux-review body #app #main .nu-comparison-scroll .nu-hide-mobile{display:none} html.ux-review body #app #main .nu-comparison-scroll th,html.ux-review body #app #main .nu-comparison-scroll td{padding:12px 7px} html.ux-review body #app #main .nu-comparison-scroll th small{font-size:16px} } } /* Compatibility source: range-hooks-v589.css */ @layer nudog-card-typography { html.ux-review body #app #main #nu-hero-title>span{display:block} html.ux-review body #app #main .nu-hook-actions{display:grid;justify-items:start;gap:14px;margin:22px 0 8px} html.ux-review body #app #main .nu-hook-trial{display:flex;align-items:center;justify-content:center;min-height:52px;background:var(--palette-navy);color:var(--palette-cream);border-radius:12px;padding:14px 22px;font-size:18px;font-weight:700;line-height:1.3;white-space:normal;text-align:center;box-sizing:border-box} html.ux-review body #app #main .nu-hook-actions .textlink{font-size:18px;min-height:44px;display:inline-flex;align-items:center} html.ux-review body #app #main .nu-range-fit{background:var(--palette-panel);border-left:4px solid var(--palette-denim);padding:18px;margin:18px 0;border-radius:12px} html.ux-review body #app #main .nu-range-fit h2{font-size:24px;line-height:1.2;margin:0 0 10px;color:var(--palette-navy);font-weight:700} html.ux-review body #app #main .nu-range-fit p{font-size:18px;line-height:1.45;margin:0 0 10px} html.ux-review body #app #main .nu-range-fit small{display:block;font-size:16px;line-height:1.4;margin-top:10px} html.ux-review body #app #main .nu-range-fit .textlink{font-size:18px;min-height:44px;display:inline-flex;align-items:center} html.ux-review body #app #main .nu-hook-actions :is(a,button):focus-visible{outline:3px solid var(--palette-denim);outline-offset:3px} @media(max-width:850px){html.ux-review body #app #main .nu-hook-trial{width:100%}html.ux-review body #app #main .nu-hook-actions{justify-items:stretch}} } /* Compatibility source: two-doors-v590.css */ @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors{padding:40px 0 36px;background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .nu-door-origin{font-size:18px;font-weight:600;text-align:center;margin:0 0 14px;line-height:1.4} html.ux-review body #app #main .nu-door-origin span{color:var(--palette-denim)} html.ux-review body #app #main #nu-door-title{font-size:clamp(38px,4.8vw,62px);line-height:1.08;text-align:center;font-weight:700;color:var(--palette-navy);max-width:900px;margin:0 auto 18px} html.ux-review body #app #main #nu-door-title span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-intro{font-size:20px;line-height:1.4;text-align:center;max-width:700px;margin:0 auto 30px} html.ux-review body #app #main .nu-door-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} html.ux-review body #app #main .nu-food-door{display:flex;flex-direction:column;min-width:0;border:1px solid var(--palette-navy);border-radius:24px;padding:26px;background:var(--palette-panel);color:var(--palette-navy);overflow:hidden} html.ux-review body #app #main .nu-door-cold{background:#F0F5F9} html.ux-review body #app #main .nu-door-label{font-size:16px;letter-spacing:.08em;font-weight:600;line-height:1.3;margin:0 0 12px} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(26px,2.8vw,36px);line-height:1.12;letter-spacing:0;font-weight:700;margin:0;color:var(--palette-navy)} html.ux-review body #app #main .nu-door-image{display:grid;place-items:center;height:280px;margin:16px 0} html.ux-review body #app #main .nu-door-image img{width:100%;height:100%;max-width:440px;object-fit:contain;min-height:0} html.ux-review body #app #main .nu-food-door>p:not(.nu-door-label){font-size:18px;line-height:1.45;margin:0 0 22px;min-height:78px} html.ux-review body #app #main .nu-food-door .btn{margin-top:auto;background:var(--palette-navy);color:var(--palette-cream);border:1px solid var(--palette-navy);display:flex;justify-content:space-between;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:52px;padding:14px 18px;border-radius:12px;font-size:18px;font-weight:700;line-height:1.3;white-space:normal;text-align:left} html.ux-review body #app #main .nu-door-perk{font-size:16px;font-weight:600;text-align:center;line-height:1.4;margin-top:12px;color:var(--palette-denim)} html.ux-review body #app #main .nu-door-mix{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-top:24px;border:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);border-radius:18px;background:var(--palette-cream)} html.ux-review body #app #main .nu-door-mix h2{font-size:26px;font-weight:700;margin:0 0 8px;line-height:1.2} html.ux-review body #app #main .nu-door-mix p{font-size:18px;line-height:1.4;margin:0;max-width:55ch} html.ux-review body #app #main .nu-door-mix a{font-size:18px;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0} html.ux-review body #app #main .nu-door-extras{padding-block:30px} html.ux-review body #app #main .nu-door-extras h2{font-size:28px;margin:0 0 12px;line-height:1.2} html.ux-review body #app #main .nu-door-extras>div,html.ux-review body #app #main .nu-range-crosslink>div{display:flex;flex-wrap:wrap;gap:16px 28px} html.ux-review body #app #main .nu-door-extras a,html.ux-review body #app #main .nu-range-crosslink a{font-size:18px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline} html.ux-review body #app #main .nu-range-landing{background:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .nu-range-door-hero{padding-block:28px 40px} html.ux-review body #app #main .nu-range-door-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin-top:28px} html.ux-review body #app #main .nu-range-door-grid h1{font-size:clamp(36px,4.5vw,58px);line-height:1.1;color:var(--palette-navy);margin:16px 0;font-weight:700} html.ux-review body #app #main .nu-range-door-grid .lead{font-size:20px;line-height:1.45;margin-bottom:22px} html.ux-review body #app #main .nu-range-door-grid>img{display:block;width:100%;height:420px;object-fit:contain} html.ux-review body #app #main .nu-range-door-actions{display:grid;justify-items:start;gap:12px} html.ux-review body #app #main .nu-range-door-actions .btn{background:var(--palette-navy);color:var(--palette-cream);min-height:52px;padding:14px 18px;white-space:normal;line-height:1.3;font-size:18px} html.ux-review body #app #main .nu-range-door-actions .textlink{min-height:44px;display:inline-flex;align-items:center;font-size:18px} html.ux-review body #app #main .nu-door-fine{font-size:16px;line-height:1.4;margin-top:14px} html.ux-review body #app #main .nu-dry-story,html.ux-review body #app #main .nu-range-recipes,html.ux-review body #app #main .nu-range-crosslink{padding-block:36px} html.ux-review body #app #main .nu-range-landing :is(.nu-dry-story,.nu-range-recipes,.nu-range-crosslink)>h2{font-size:32px;line-height:1.2;margin:0 0 16px;color:var(--palette-denim)} html.ux-review body #app #main .nu-dry-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} html.ux-review body #app #main .nu-dry-benefits article{padding:22px;background:var(--palette-panel);border-radius:18px} html.ux-review body #app #main .nu-dry-benefits h3{font-size:24px;line-height:1.2;margin:0 0 12px} html.ux-review body #app #main .nu-dry-benefits p,html.ux-review body #app #main .nu-range-crosslink p{font-size:18px;line-height:1.45} html.ux-review body #app #main :is(.nu-two-doors,.nu-range-landing) a:focus-visible{outline:3px solid var(--palette-denim);outline-offset:4px} @media(max-width:750px){ html.ux-review body #app #main .nu-two-doors{padding-top:28px} html.ux-review body #app #main .nu-door-grid{grid-template-columns:minmax(0,1fr);gap:20px} html.ux-review body #app #main .nu-food-door{padding:22px} html.ux-review body #app #main .nu-door-image{height:240px} html.ux-review body #app #main .nu-food-door>p:not(.nu-door-label){min-height:0} html.ux-review body #app #main .nu-door-mix{flex-direction:column;align-items:flex-start;gap:12px;padding:20px} html.ux-review body #app #main .nu-door-mix a{flex-shrink:1} html.ux-review body #app #main .nu-range-door-grid{grid-template-columns:minmax(0,1fr);gap:20px} html.ux-review body #app #main .nu-range-door-grid>img{height:300px} html.ux-review body #app #main .nu-range-door-actions{justify-items:stretch} html.ux-review body #app #main .nu-dry-benefits{grid-template-columns:minmax(0,1fr)} } } /* Emotional brand entrance above both equally weighted range doors. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors{padding-top:24px} html.ux-review body #app #main .nu-door-emotional-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;margin-bottom:24px} html.ux-review body #app #main .nu-door-emotional-copy{min-width:0} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{text-align:left;margin:0 0 12px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{text-align:left;font-size:clamp(36px,4vw,54px);margin:0 0 16px;max-width:none} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{text-align:left;margin:0;font-size:20px} html.ux-review body #app #main .nu-door-emotional-art{margin:0;min-width:0;width:100%} html.ux-review body #app #main .nu-door-emotional-art img{display:block;width:100%;height:340px;object-fit:contain} @media(max-width:750px){ html.ux-review body #app #main .nu-two-doors{padding-top:22px} html.ux-review body #app #main .nu-door-emotional-hero{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{text-align:center;font-size:16px;margin-bottom:12px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{text-align:center;font-size:36px;margin-bottom:12px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{text-align:center;font-size:18px;line-height:1.4} html.ux-review body #app #main .nu-door-emotional-art img{height:220px} } } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-award-note{display:block;font-size:16px;line-height:1.35;margin-top:10px;text-align:center;color:var(--palette-navy);font-weight:400} html.ux-review body #app #main .nu-door-award-note a{color:inherit;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px} } /* Full-screen brand hero, using the original wide dog-and-box artwork. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors{padding-top:0} html.ux-review body #app #main .nu-door-emotional-hero{display:flex;position:relative;isolation:isolate;align-items:center;width:100vw;max-width:none;min-height:650px;min-height:max(650px,calc(100svh - 145px));margin:0 calc(50% - 50vw) 30px;overflow:hidden;background:var(--palette-cream)} html.ux-review body #app #main .nu-door-emotional-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0} html.ux-review body #app #main .nu-door-emotional-art img{width:100%;height:100%;object-fit:cover;object-position:center} html.ux-review body #app #main .nu-door-emotional-copy{position:relative;width:44%;max-width:660px;box-sizing:border-box;padding:45px 0 45px max(28px,calc((100vw - 1120px)/2))} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(42px,4.5vw,66px);line-height:1.08} html.ux-review body #app #main #nu-door-title .nu-door-typing{position:relative;display:block;color:var(--palette-denim);font:inherit;margin-top:10px} html.ux-review body #app #main .nu-door-typing .nu-typing-reserve{font:inherit;color:inherit} html.ux-review body #app #main .nu-door-typing.is-typing .nu-typing-reserve{visibility:hidden} html.ux-review body #app #main .nu-door-typing.is-typing .nu-typing-output{display:block;position:absolute;inset:0;font:inherit;color:inherit} html.ux-review body #app #main .nu-door-typing.is-typing .nu-typing-output::after{content:'';display:inline-block;height:.9em;border-right:2px solid currentColor;margin-left:3px;vertical-align:-.05em} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-hero{align-items:flex-start;min-height:max(760px,calc(100svh - 145px));margin-bottom:24px} html.ux-review body #app #main .nu-door-emotional-copy{width:100%;max-width:none;padding:26px 22px 390px;text-align:center} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:38px;max-width:480px;margin-inline:auto} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:16px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:18px;max-width:36ch;margin-inline:auto} html.ux-review body #app #main .nu-door-emotional-art{inset:auto 0 0;height:390px;overflow:hidden} html.ux-review body #app #main .nu-door-emotional-art img{position:absolute;width:190%;max-width:none;height:auto;right:-16%;bottom:0;object-fit:contain} } @media(prefers-reduced-motion:reduce){html.ux-review body #app #main .nu-door-typing .nu-typing-reserve{visibility:visible}html.ux-review body #app #main .nu-door-typing .nu-typing-output{display:none}} } @layer nudog-card-typography {@media(min-width:751px){html.ux-review body #app #main .nu-door-emotional-copy{width:40%}html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{max-width:32ch}}} /* Approved cockapoo photograph with connected, overlaid hero copy. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-hero{height:clamp(560px,76svh,740px);min-height:560px;background:var(--palette-panel);margin-bottom:24px;align-items:center} html.ux-review body #app #main .nu-door-emotional-art{inset:0;height:100%;overflow:hidden} html.ux-review body #app #main .nu-door-emotional-art img{position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 40%} html.ux-review body #app #main .nu-door-emotional-copy{width:43%;max-width:650px;padding:32px 24px 32px max(28px,calc((100vw - 1120px)/2));text-align:left} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(38px,4.3vw,62px);line-height:1.08;text-align:left} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin,html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{text-align:left} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{max-width:30ch;margin:0} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-hero{height:650px;min-height:650px;align-items:flex-end} html.ux-review body #app #main .nu-door-emotional-art img{object-fit:cover;object-position:72% 30%} html.ux-review body #app #main .nu-door-emotional-copy{width:100%;max-width:none;padding:90px 22px 24px;background:linear-gradient(0deg,rgba(227,240,250,.98) 0%,rgba(227,240,250,.94) 70%,rgba(227,240,250,0) 100%)} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:34px;max-width:100%;margin:0 0 14px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:16px;max-width:29ch;margin:0 0 12px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:18px;line-height:1.35;max-width:33ch} } } @layer nudog-card-typography {html.ux-review body #app #main .nu-two-doors>.wrap{padding-top:0}} /* Make natural food and Scottish origin a prominent brand statement. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.12;letter-spacing:0;max-width:none;margin:0 0 22px;color:var(--palette-navy)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin span{display:block;font:inherit;color:var(--palette-denim);margin-top:5px} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:28px;line-height:1.1;max-width:none;margin-bottom:18px} html.ux-review body #app #main .nu-door-emotional-copy{padding-top:70px;background:linear-gradient(0deg,rgba(227,240,250,.98) 0%,rgba(227,240,250,.96) 77%,rgba(227,240,250,0) 100%)} } @media(max-width:360px){html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:26px}} } /* Text leads the photograph: strong foreground hierarchy, quieter backdrop. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-art img{opacity:.82} html.ux-review body #app #main .nu-door-emotional-copy{z-index:2} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(46px,4.8vw,68px);font-weight:700;line-height:1.06} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:clamp(30px,2.6vw,36px);font-weight:700} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-copy{padding:85px 22px 26px;background:linear-gradient(0deg,var(--palette-panel) 0%,rgba(227,240,250,.98) 76%,rgba(227,240,250,0) 100%)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:30px;line-height:1.1;margin-bottom:18px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:42px;line-height:1.06;margin-bottom:14px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:18px;line-height:1.35} } @media(max-width:360px){html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:38px}html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:27px}} } /* Approved chocolate portrait: keep its complete face above mobile copy. */ @layer nudog-card-typography { @media(max-width:750px) { html.ux-review body #app #main .nu-door-emotional-art{height:350px} html.ux-review body #app #main .nu-door-emotional-art img{object-position:100% 25%} } } /* White hero backdrop requested for the approved chocolate dog. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-hero{background:var(--palette-cream)} html.ux-review body #app #main .nu-door-emotional-copy{background:linear-gradient(90deg,var(--palette-cream) 0%,rgba(255,255,255,.98) 75%,rgba(255,255,255,0) 100%)} @media(max-width:750px){html.ux-review body #app #main .nu-door-emotional-copy{background:linear-gradient(0deg,var(--palette-cream) 0%,rgba(255,255,255,.98) 76%,rgba(255,255,255,0) 100%)}} } /* Conversion-led range entrances: compact imagery, benefits and clear routes. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-food-door{padding:30px;border:0;border-radius:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--palette-navy) 14.9%, transparent)} html.ux-review body #app #main .nu-door-fresh{background:var(--palette-panel)} html.ux-review body #app #main .nu-door-cold{background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(30px,3.1vw,42px);line-height:1.05;min-height:0} html.ux-review body #app #main .nu-door-fresh h2 span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-cold h2,html.ux-review body #app #main .nu-door-cold .nu-door-label{color:var(--palette-cream)} html.ux-review body #app #main .nu-door-cold h2 span{color:#C7E4F5} html.ux-review body #app #main .nu-food-door .nu-door-hook{font-size:18px;min-height:0;line-height:1.35;margin:14px 0 0} html.ux-review body #app #main .nu-door-image{height:220px;margin:8px 0;overflow:hidden} html.ux-review body #app #main .nu-door-fresh .nu-door-image img{max-width:none;width:100%;height:auto;transform:scale(1.04)} html.ux-review body #app #main .nu-door-cold .nu-door-image img{max-height:220px;width:auto;max-width:100%;filter:drop-shadow(0 12px 16px #0003)} html.ux-review body #app #main .nu-door-benefits{list-style:none;padding:0;margin:8px 0 24px;display:grid;gap:8px;font-size:17px;line-height:1.3} html.ux-review body #app #main .nu-door-benefits li{display:flex;gap:10px} html.ux-review body #app #main .nu-door-benefits li::before{content:'✓';font-weight:700;flex-shrink:0} html.ux-review body #app #main .nu-door-fresh .btn{background:var(--palette-panel);border-color:var(--palette-denim)} html.ux-review body #app #main .nu-door-cold .btn{background:var(--palette-cream);border-color:var(--palette-cream);color:var(--palette-navy)} html.ux-review body #app #main .nu-food-door .nu-door-offer{display:block;text-align:center;font-size:16px;line-height:1.35;min-height:44px;margin:14px 0 0;color:inherit;text-decoration:none} html.ux-review body #app #main .nu-door-offer strong{display:block;font-size:20px;font-weight:700} html.ux-review body #app #main .nu-door-fresh .nu-door-offer strong{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-cold .nu-door-award-note{color:#d5e2ed;font-size:12px;line-height:1.4;margin-top:12px} html.ux-review body #app #main .nu-door-cold .nu-door-award-note a{color:inherit;text-decoration:underline} @media(max-width:750px){html.ux-review body #app #main .nu-food-door{padding:24px}html.ux-review body #app #main .nu-food-door h2{font-size:32px}html.ux-review body #app #main .nu-door-image{height:190px}html.ux-review body #app #main .nu-door-cold .nu-door-image img{max-height:190px}} } @layer nudog-card-typography { html.ux-review body #app #main article.nu-food-door>p.nu-door-hook{min-height:0;margin:12px 0 0;font-size:18px;line-height:1.35} html.ux-review body #app #main article.nu-food-door>p.nu-door-offer{min-height:44px;margin:14px 0 0;font-size:16px;line-height:1.35} html.ux-review body #app #main .nu-food-door .btn{margin-top:0} html.ux-review body #app #main .nu-door-benefits li{margin:0;padding:0} @media(min-width:751px){html.ux-review body #app #main .nu-food-door h2{min-height:3.15em}} } /* Light approved palette for the Cold Pressed range entrance. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-cold{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .nu-door-cold h2,html.ux-review body #app #main .nu-door-cold .nu-door-label{color:var(--palette-navy)} html.ux-review body #app #main .nu-door-cold h2 span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-cold .btn{background:var(--palette-navy);border-color:var(--palette-navy);color:var(--palette-cream)} } /* Distinct range surfaces: Fresh baby blue, Cold Pressed warm white. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-cold{background:var(--palette-cream)} } /* One shared range landing and shopping architecture. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-range-unified .nu-range-door-hero{padding-block:24px 32px} html.ux-review body #app #main .nu-range-unified .nu-range-door-grid h1{font-weight:700} html.ux-review body #app #main .nu-range-journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:20px;margin:0;background:var(--palette-panel);border-radius:18px} html.ux-review body #app #main .nu-range-journey li{display:flex;gap:10px;align-items:center;font-size:18px;line-height:1.3} html.ux-review body #app #main .nu-range-journey span,html.ux-review body #app #main .nu-range-serving li>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--palette-navy);color:var(--palette-cream);font-weight:700} html.ux-review body #app #main .nu-range-unified .nu-range-recipes>p{font-size:18px;max-width:65ch;margin-bottom:24px} html.ux-review body #app #main #nu-range-recipes-title{scroll-margin-top:28px} html.ux-review body #app #main .nu-range-serving,html.ux-review body #app #main .nu-range-questions{padding-block:28px} html.ux-review body #app #main .nu-range-serving h2,html.ux-review body #app #main .nu-range-questions h2,html.ux-review body #app #main .nu-range-trial h2{font-size:32px;line-height:1.15;font-weight:700;margin:0 0 20px;color:var(--palette-navy)} html.ux-review body #app #main .nu-range-serving ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0 0 22px} html.ux-review body #app #main .nu-range-serving li{display:flex;gap:12px;padding:20px;background:var(--palette-panel);border-radius:18px} html.ux-review body #app #main .nu-range-serving h3{font-size:24px;margin:0 0 8px;line-height:1.2} html.ux-review body #app #main .nu-range-serving p,html.ux-review body #app #main .nu-range-questions p{font-size:18px;line-height:1.45;margin:0} html.ux-review body #app #main .nu-range-questions details{border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);padding:16px 0} html.ux-review body #app #main .nu-range-questions summary{font-size:20px;font-weight:600;cursor:pointer;min-height:32px} html.ux-review body #app #main .nu-range-questions details p{padding-top:12px;max-width:70ch} html.ux-review body #app #main .nu-range-trial{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--palette-panel);border-radius:20px;padding:24px;margin-block:24px} html.ux-review body #app #main .nu-range-trial h2{margin-bottom:8px} html.ux-review body #app #main .nu-range-trial p{font-size:22px;color:var(--palette-denim);font-weight:700;margin:0} html.ux-review body #app #main .nu-range-trial .btn{background:var(--palette-navy);color:var(--palette-cream)} @media(max-width:750px){html.ux-review body #app #main .nu-range-journey ol,html.ux-review body #app #main .nu-range-serving ol{grid-template-columns:minmax(0,1fr)}html.ux-review body #app #main .nu-range-trial{flex-direction:column;align-items:stretch}html.ux-review body #app #main .nu-range-unified .nu-range-door-grid>img{height:260px}} } /* Warm beige drawn from the existing treats range palette. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-cold{background:var(--palette-panel)} } /* Branded range displays: product podium, icon rows and a dedicated offer strip. */ @layer nudog-card-typography { html.ux-review body #app #main article.nu-food-door{position:relative;padding:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--palette-navy) 12.55%, transparent),0 12px 30px color-mix(in srgb, var(--palette-navy) 3.14%, transparent);border-radius:28px} html.ux-review body #app #main .nu-food-door .nu-door-label{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.09em;margin-bottom:18px} html.ux-review body #app #main .nu-door-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--palette-navy);color:var(--palette-cream);border-radius:12px;flex-shrink:0} html.ux-review body #app #main .nu-door-mark svg{width:23px;height:23px} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(30px,3vw,40px);line-height:1.08;letter-spacing:-.02em} html.ux-review body #app #main .nu-food-door .nu-door-image{position:relative;isolation:isolate;height:230px;margin:12px -8px 10px;border-radius:22px} html.ux-review body #app #main .nu-door-image::before{content:'';position:absolute;z-index:-1;width:86%;height:86%;border-radius:50%;background:color-mix(in srgb, var(--palette-cream) 52.16%, transparent);transform:rotate(-8deg)} html.ux-review body #app #main .nu-door-image::after{content:'';position:absolute;z-index:-1;bottom:18px;width:75%;height:22px;border-radius:50%;background:color-mix(in srgb, var(--palette-navy) 7.06%, transparent);filter:blur(9px)} html.ux-review body #app #main .nu-door-fresh .nu-door-image img{width:100%;transform:scale(1.02);filter:drop-shadow(0 7px 5px color-mix(in srgb, var(--palette-navy) 6.27%, transparent))} html.ux-review body #app #main .nu-door-cold .nu-door-image img{max-height:220px;transform:rotate(-5deg)} html.ux-review body #app #main .nu-door-benefits{gap:0;margin:0 0 20px;border-top:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent)} html.ux-review body #app #main .nu-door-benefits li{align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 9.41%, transparent);font-size:17px;line-height:1.3;min-height:52px} html.ux-review body #app #main .nu-door-benefits li::before{content:none} html.ux-review body #app #main .nu-benefit-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:color-mix(in srgb, var(--palette-cream) 65.1%, transparent);border-radius:50%;color:var(--palette-navy)} html.ux-review body #app #main .nu-benefit-icon svg{width:21px;height:21px} html.ux-review body #app #main .nu-food-door .btn{border-radius:14px;min-height:56px;transition:transform .15s ease,box-shadow .15s ease} html.ux-review body #app #main .nu-food-door .btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px color-mix(in srgb, var(--palette-navy) 12.55%, transparent)} html.ux-review body #app #main .nu-food-door a.nu-door-offer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb, var(--palette-cream) 72.16%, transparent);border:1px dashed color-mix(in srgb, var(--palette-denim) 39.61%, transparent);border-radius:14px;padding:12px 14px;text-align:left;font-size:14px;line-height:1.25;margin-top:14px} html.ux-review body #app #main .nu-door-offer strong{font-size:22px;white-space:nowrap;flex-shrink:0} @media(max-width:750px){html.ux-review body #app #main article.nu-food-door{padding:22px}html.ux-review body #app #main .nu-food-door h2{font-size:30px;min-height:0}html.ux-review body #app #main .nu-food-door .nu-door-image{height:180px;margin-block:8px}html.ux-review body #app #main .nu-door-cold .nu-door-image img{max-height:175px}html.ux-review body #app #main .nu-door-benefits li{font-size:16px}html.ux-review body #app #main .nu-door-cold .nu-door-hook{font-size:17px}} @media(prefers-reduced-motion:reduce){html.ux-review body #app #main .nu-food-door .btn{transition:none}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-fresh .nu-door-image img{width:100%;height:100%;object-fit:contain;transform:scale(1.08);max-width:none} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-fresh .nu-exact-box-crop{display:block;position:relative;width:min(100%,340px);aspect-ratio:709/510;overflow:hidden;border-radius:14px} html.ux-review body #app #main .nu-door-fresh .nu-door-image .nu-exact-box-crop img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform:translateY(-33%);filter:none} html.ux-review body #app #main .nu-door-fresh .nu-door-image{height:255px} @media(max-width:750px){html.ux-review body #app #main .nu-door-fresh .nu-door-image{height:220px}} } /* High-contrast benefit icons matching the packaging vocabulary. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-benefit-icon{width:42px;height:42px;background:var(--palette-navy);color:var(--palette-cream)} html.ux-review body #app #main .nu-benefit-icon svg{width:26px;height:26px;stroke-width:1.7} html.ux-review body #app #main .nu-door-benefits li{min-height:64px;gap:14px} html.ux-review body #app #main .nu-benefit-note{display:block;font-size:13px;line-height:1.3;font-weight:400;margin-top:2px} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:clamp(32px,3vw,42px)} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(38px,4vw,56px);line-height:1.08} html.ux-review body #app #main .nu-award-source{display:inline-flex;min-height:32px;align-items:center;font-size:14px;color:var(--palette-navy);text-decoration:underline} html.ux-review body #app #main .nu-range-subscribe{display:flex;align-items:center;gap:28px;justify-content:space-between;background:var(--palette-panel);padding:28px;border-radius:22px;margin-block:24px} html.ux-review body #app #main .nu-range-subscribe h2{font-size:32px;font-weight:700;line-height:1.15;margin:8px 0 14px} html.ux-review body #app #main .nu-range-subscribe p{max-width:65ch;font-size:18px;line-height:1.4} html.ux-review body #app #main .nu-range-subscribe .small{font-size:15px} html.ux-review body #app #main .nu-range-subscribe .btn{background:var(--palette-navy);color:var(--palette-cream);flex-shrink:0} html.ux-review body #app #main .nu-basket-extras{margin-top:32px;padding:22px;background:var(--palette-panel);border-radius:20px} html.ux-review body #app #main .nu-basket-extras h2{font-size:26px;line-height:1.2;margin:0 0 8px} html.ux-review body #app #main .nu-basket-extras>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} html.ux-review body #app #main .nu-basket-extras article{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--palette-cream)} html.ux-review body #app #main .nu-basket-extras article>a{height:120px;display:block;overflow:hidden} html.ux-review body #app #main .nu-basket-extras .packvisual{width:100%;height:100%;min-height:0} html.ux-review body #app #main .nu-basket-extras img{width:100%;height:100%;object-fit:contain} html.ux-review body #app #main .nu-basket-extras h3{font-size:19px;line-height:1.2;margin:0 0 6px} html.ux-review body #app #main .nu-basket-extras p{font-size:16px;line-height:1.35} html.ux-review body #app #main .nu-basket-extras .textlink{font-size:14px;display:block;margin-bottom:10px} html.ux-review body #app #main .nu-basket-extras .btn{width:100%;min-height:44px;background:var(--palette-navy);color:var(--palette-cream);font-size:16px;padding:10px} html.ux-review body #app #main .nu-extra-status{display:block;font-size:14px;line-height:1.3} @media(max-width:750px){html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:30px}html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:34px}html.ux-review body #app #main .nu-range-subscribe{flex-direction:column;align-items:stretch}html.ux-review body #app #main .nu-basket-extras>div{grid-template-columns:minmax(0,1fr)}} } @layer nudog-card-typography { html.ux-review body #quick-basket-drawer .nu-drawer-extras{background:var(--palette-panel);border-radius:14px;padding:16px;margin-top:20px;color:var(--palette-navy)} html.ux-review body #quick-basket-drawer .nu-drawer-extras p{font-size:16px;line-height:1.4;margin:8px 0} html.ux-review body #quick-basket-drawer .nu-drawer-extras a{display:inline-flex;align-items:center;min-height:44px;color:var(--palette-navy);text-decoration:underline} } /* Blend the portrait into the white hero, without a rectangular bottom edge. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-art{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 63%,rgba(0,0,0,.86) 73%,rgba(0,0,0,.35) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 63%,rgba(0,0,0,.86) 73%,rgba(0,0,0,.35) 88%,transparent 100%)} } /* Compatibility source: bold-brand-v611.css */ /* Nudog bold brand system: own palette, Baloo typography, generous rounded actions. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-hero{background:var(--palette-navy);height:clamp(680px,85svh,850px);min-height:680px;margin-bottom:0} html.ux-review body #app #main .nu-door-emotional-copy{padding:42px;background:linear-gradient(90deg,var(--palette-navy) 0%,var(--palette-navy) 73%,rgba(16,32,57,0) 100%)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:clamp(36px,3.5vw,50px);color:var(--palette-denim);line-height:1.08;letter-spacing:-.025em;margin-bottom:26px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(38px,3.8vw,54px);line-height:1.08;margin-bottom:22px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing{background:var(--palette-panel);color:var(--palette-denim);padding:18px 20px;border-radius:22px;display:block} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:24px;line-height:1.35;color:var(--palette-cream);max-width:26ch} html.ux-review body #app #main .nu-door-grid{padding-top:36px;gap:28px} html.ux-review body #app #main article.nu-food-door{padding:32px;border-radius:32px;box-shadow:none;border:2px solid var(--palette-navy)} html.ux-review body #app #main .nu-food-door .nu-door-label{font-size:16px;letter-spacing:.06em} html.ux-review body #app #main .nu-door-mark{width:54px;height:54px;border-radius:50%} html.ux-review body #app #main .nu-door-mark svg{width:32px;height:32px;stroke-width:1.8} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(34px,3.3vw,46px);line-height:1.08} html.ux-review body #app #main .nu-benefit-icon{width:50px;height:50px} html.ux-review body #app #main .nu-benefit-icon svg{width:30px;height:30px} html.ux-review body #app #main .nu-door-benefits li{font-size:19px;min-height:74px} html.ux-review body #app #main .nu-food-door .btn,html.ux-review body #app #main .nu-range-door-actions .btn,html.ux-review body #app #main .nu-range-subscribe .btn{border-radius:999px;min-height:62px;font-size:20px;padding:17px 24px} html.ux-review body #app #main .nu-door-fresh .btn{background:var(--palette-navy);border-color:var(--palette-navy);color:var(--palette-denim)} html.ux-review body #app #main .nu-door-cold .btn{background:var(--palette-navy);color:var(--palette-denim)} html.ux-review body #app #main .nu-door-mix{background:var(--palette-navy);color:var(--palette-denim);border:0;border-radius:26px;padding:30px} html.ux-review body #app #main .nu-door-mix h2{font-size:34px;color:var(--palette-denim)} html.ux-review body #app #main .nu-door-mix p{font-size:20px;color:var(--palette-cream)} html.ux-review body #app #main .nu-door-mix a{background:var(--palette-panel);color:var(--palette-navy);padding:16px 22px;border-radius:999px;font-size:18px;font-weight:700;text-decoration:none;white-space:normal} html.ux-review body #app #main .nu-natural-promise{background:var(--palette-navy);color:var(--palette-denim);padding-block:64px} html.ux-review body #app #main .nu-natural-promise :is(h2,h3,.nu-natural-percent,.nu-natural-word,.nu-natural-food,.nu-natural-number,.nu-honest-headline,.flow-kicker){color:var(--palette-denim)} html.ux-review body #app #main .nu-natural-promise :is(.nu-honest-copy,.nu-promise-note){color:var(--palette-cream);font-size:21px;line-height:1.4} html.ux-review body #app #main .nu-natural-promise a{color:var(--palette-denim)} html.ux-review body #app #main .nu-range-unified .nu-range-door-grid h1{font-size:clamp(42px,4.8vw,68px);line-height:1.04} html.ux-review body #app #main .nu-range-unified .lead{font-size:22px} html.ux-review body #app #main .nu-range-subscribe{background:var(--palette-navy);color:var(--palette-denim);border-radius:28px;padding:36px} html.ux-review body #app #main .nu-range-subscribe h2{font-size:42px;color:var(--palette-denim)} html.ux-review body #app #main .nu-range-subscribe p{color:var(--palette-cream);font-size:20px} html.ux-review body #app #main .nu-range-subscribe .btn{background:var(--palette-panel);color:var(--palette-navy)} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-hero{height:760px;min-height:760px} html.ux-review body #app #main .nu-door-emotional-art{height:370px} html.ux-review body #app #main .nu-door-emotional-copy{padding:75px 22px 30px;background:linear-gradient(0deg,var(--palette-navy) 0%,var(--palette-navy) 82%,rgba(16,32,57,0) 100%)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:34px;margin-bottom:22px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:32px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing{padding:18px;border-radius:20px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:21px} html.ux-review body #app #main article.nu-food-door{padding:24px} html.ux-review body #app #main .nu-food-door h2{font-size:34px} html.ux-review body #app #main .nu-door-benefits li{font-size:18px;gap:12px} html.ux-review body #app #main .nu-food-door .btn{font-size:18px;padding-inline:20px} html.ux-review body #app #main .nu-door-mix{padding:24px} html.ux-review body #app #main .nu-door-mix a{width:100%;box-sizing:border-box;justify-content:center} html.ux-review body #app #main .nu-range-unified .nu-range-door-grid h1{font-size:42px} html.ux-review body #app #main .nu-range-subscribe{padding:26px} html.ux-review body #app #main .nu-range-subscribe h2{font-size:36px} } @media(max-width:360px){html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:30px}html.ux-review body #app #main .nu-food-door h2{font-size:30px}html.ux-review body #app #main .nu-food-door .nu-door-label{font-size:13px}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-art img{opacity:1} html.ux-review body #app #main .nu-door-emotional-copy .nu-typing-output{inset:18px 20px;width:auto} @media(max-width:750px){html.ux-review body #app #main .nu-door-emotional-copy .nu-typing-output{inset:18px}} } @layer nudog-card-typography { @media(min-width:751px){html.ux-review body #app #main .nu-door-emotional-copy{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding:46px}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-natural-promise .nu-honest-claims li{background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-denim);font-size:19px} html.ux-review body #app #main .nu-natural-promise .nu-complete-note{color:var(--palette-cream);font-size:19px} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing.is-typing .nu-typing-output{inset:18px 20px;width:auto} @media(max-width:750px){html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing.is-typing .nu-typing-output{inset:18px}} } /* Compatibility source: composition-v612.css */ @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-hero{height:740px;min-height:740px;display:block;position:relative;overflow:hidden;background:var(--palette-navy)} html.ux-review body #app #main .nu-door-emotional-art{position:absolute;inset:0;width:100%;height:100%;margin:0;mask-image:none;-webkit-mask-image:none} html.ux-review body #app #main .nu-door-emotional-art img{width:100%;height:100%;object-fit:cover;object-position:80% 40%;opacity:1} html.ux-review body #app #main .nu-door-emotional-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--palette-navy) 0%,var(--palette-navy) 29%,rgba(16,32,57,.94) 40%,rgba(16,32,57,0) 68%);pointer-events:none} html.ux-review body #app #main .nu-door-emotional-copy{position:relative;z-index:2;width:53%;height:100%;box-sizing:border-box;padding:58px 5vw;background:none;display:flex;flex-direction:column;justify-content:center} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:clamp(27px,2.6vw,38px);line-height:1.12;font-weight:700;color:var(--palette-denim);margin:0 0 24px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(44px,5vw,70px);line-height:1.03;margin:0 0 24px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing{padding:0;background:none;border-radius:0;color:var(--palette-denim)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing span{color:var(--palette-denim)} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-typing.is-typing .nu-typing-output{inset:0} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:23px;line-height:1.35;margin:0 0 28px;color:var(--palette-cream);max-width:27ch} html.ux-review body #app #main .nu-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--palette-panel);color:var(--palette-navy);padding:19px 28px;min-height:62px;box-sizing:border-box;border-radius:999px;font-size:22px;font-weight:700;text-decoration:none;max-width:360px} html.ux-review body #app #main .nu-range-intro{text-align:center;padding:54px 20px 28px} html.ux-review body #app #main .nu-range-intro>p{font-size:20px;margin:0 0 12px} html.ux-review body #app #main .nu-range-intro>h2{font-size:clamp(44px,5vw,68px);line-height:1.02;font-weight:700;color:var(--palette-navy);margin:0} html.ux-review body #app #main .nu-door-grid{padding-top:0;scroll-margin-top:24px;align-items:stretch} html.ux-review body #app #main article.nu-food-door{padding:16px;border:0;border-radius:34px;display:flex;flex-direction:column;box-shadow:none} html.ux-review body #app #main .nu-food-door .nu-door-image{height:240px;margin:0;flex-shrink:0;overflow:hidden} html.ux-review body #app #main .nu-door-panel{background:var(--palette-cream);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1} html.ux-review body #app #main .nu-food-door .nu-door-label{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:15px;margin:0 0 18px} html.ux-review body #app #main .nu-door-mark{width:76px;height:76px;background:var(--palette-navy);color:var(--palette-denim);border-radius:50%} html.ux-review body #app #main .nu-door-mark svg{width:43px;height:43px;stroke-width:1.8} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(32px,3.1vw,44px);line-height:1.04;letter-spacing:-.025em;min-height:0;margin:0 0 18px;color:var(--palette-navy)} html.ux-review body #app #main .nu-door-benefits{width:100%;border:0;margin:4px 0 22px} html.ux-review body #app #main .nu-door-benefits li{min-height:44px;border:0;justify-content:center;gap:10px;font-size:17px;padding:6px 0} html.ux-review body #app #main .nu-benefit-icon{background:none;color:var(--palette-navy);width:26px;height:26px} html.ux-review body #app #main .nu-benefit-icon svg{width:25px;height:25px} html.ux-review body #app #main .nu-food-door .btn{font-size:20px;min-height:60px;padding:17px 24px;text-transform:none;justify-content:center;margin-top:auto;width:100%;background:var(--palette-navy);color:var(--palette-denim);border-radius:999px} html.ux-review body #app #main .nu-food-door a.nu-door-offer{border:0;background:none;padding:0;margin-top:18px;justify-content:center;flex-wrap:wrap;font-size:16px;text-align:center;gap:4px 8px} html.ux-review body #app #main .nu-door-offer strong{font-size:20px} html.ux-review body #app #main .nu-door-panel .nu-award-source{font-size:14px;margin:0 0 12px} @media(max-width:750px){ html.ux-review body #app #main .nu-door-emotional-hero{height:790px;min-height:790px} html.ux-review body #app #main .nu-door-emotional-art{height:510px} html.ux-review body #app #main .nu-door-emotional-art img{object-position:87% 15%} html.ux-review body #app #main .nu-door-emotional-hero::after{background:linear-gradient(0deg,var(--palette-navy) 0%,var(--palette-navy) 40%,rgba(16,32,57,.9) 50%,rgba(16,32,57,0) 72%)} html.ux-review body #app #main .nu-door-emotional-copy{position:absolute;bottom:0;width:100%;height:auto;display:block;padding:24px 24px 30px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:26px;line-height:1.12;margin-bottom:20px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:42px;line-height:1.04;margin-bottom:20px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:20px;margin-bottom:22px} html.ux-review body #app #main .nu-hero-cta{width:100%;max-width:none;font-size:21px;min-height:60px;padding:17px 24px} html.ux-review body #app #main .nu-range-intro{padding-top:42px} html.ux-review body #app #main .nu-range-intro>h2{font-size:45px} html.ux-review body #app #main article.nu-food-door{padding:12px} html.ux-review body #app #main .nu-food-door .nu-door-image{height:210px} html.ux-review body #app #main .nu-door-panel{padding:26px 20px;border-radius:26px} html.ux-review body #app #main .nu-food-door h2{font-size:34px} html.ux-review body #app #main .nu-food-door .btn{font-size:18px;padding-inline:18px} } @media(max-width:360px){html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:37px}html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:24px}html.ux-review body #app #main .nu-food-door h2{font-size:30px}} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title .nu-door-typing :is(.nu-typing-output,.nu-typing-reserve,.nu-typing-a11y){color:var(--palette-denim)} html.ux-review body #app>header{background:var(--palette-cream);border-bottom:0} html.ux-review body #app>header :is(.desktop-navigation a,.account-link){color:var(--palette-navy)} html.ux-review body #app>header :is(.search-launcher,.bag,.mobile-navigation>summary){background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-denim);border-radius:999px} } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-emotional-art{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)} } /* Compatibility source: editorial-v613.css */ @layer nudog-card-typography { html.ux-review body:has(.home-page) #app>.announce{height:48px;min-height:48px;box-sizing:border-box;display:flex;align-items:center} html.ux-review body:has(.home-page) #app>header{position:relative;top:0;left:0;right:0;width:100%;box-sizing:border-box;z-index:20;background:var(--palette-cream);box-shadow:none;transform:none} html.ux-review body #app #main .nu-door-emotional-hero{height:790px;min-height:790px} html.ux-review body #app #main .nu-door-emotional-art{height:100%;mask-image:none;-webkit-mask-image:none} html.ux-review body #app #main .nu-door-emotional-art img{object-position:75% 48%} html.ux-review body #app #main .nu-door-emotional-hero::after{background:linear-gradient(90deg,rgba(9,23,42,.6),rgba(9,23,42,.3) 43%,rgba(9,23,42,.04) 80%)} html.ux-review body #app #main .nu-door-emotional-copy{width:51%;padding:130px 6vw 50px;justify-content:center} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:30px;line-height:1.12;margin-bottom:20px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:clamp(44px,4.8vw,68px);line-height:1.04;margin-bottom:18px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:22px;margin-bottom:22px;max-width:30ch} html.ux-review body #app #main .nu-hero-cta{width:auto;align-self:flex-start;min-width:270px;min-height:60px;font-size:21px} html.ux-review body #app #main .nu-range-intro{padding-top:52px} html.ux-review body #app #main .nu-food-door .nu-door-image,html.ux-review body #app #main .nu-door-panel .nu-door-benefits{display:none} html.ux-review body #app #main article.nu-food-door{padding:28px;border-radius:34px} html.ux-review body #app #main .nu-door-panel{padding:40px 30px;justify-content:center;min-height:430px} html.ux-review body #app #main .nu-food-door .nu-door-label{font-size:15px;gap:20px;margin-bottom:24px} html.ux-review body #app #main .nu-door-mark{width:104px;height:104px} html.ux-review body #app #main .nu-door-mark svg{width:60px;height:60px;stroke-width:1.8} html.ux-review body #app #main .nu-food-door h2{font-size:clamp(36px,3.6vw,50px);line-height:1.05;margin-bottom:24px;max-width:17ch} html.ux-review body #app #main .nu-food-door .btn{margin-top:18px;max-width:380px;font-size:21px;min-height:64px} html.ux-review body #app #main .nu-food-door a.nu-door-offer{font-size:15px;margin-top:18px;min-height:44px} html.ux-review body #app #main .nu-door-panel .nu-award-source{margin-top:-6px;min-height:44px} @media(max-width:750px){ html.ux-review body:has(.home-page) #app>.announce{height:56px;min-height:56px} html.ux-review body:has(.home-page) #app>header{top:0} html.ux-review body #app #main .nu-door-emotional-hero{height:850px;min-height:850px} html.ux-review body #app #main .nu-door-emotional-art{height:100%} html.ux-review body #app #main .nu-door-emotional-art img{object-position:83% 20%} html.ux-review body #app #main .nu-door-emotional-hero::after{background:linear-gradient(0deg,rgba(9,23,42,.94) 0%,rgba(9,23,42,.82) 33%,rgba(9,23,42,.15) 68%,rgba(9,23,42,.24) 100%)} html.ux-review body #app #main .nu-door-emotional-copy{width:100%;padding:28px 24px 38px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-origin{font-size:27px;line-height:1.12;margin-bottom:18px} html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:43px;line-height:1.04;margin-bottom:16px} html.ux-review body #app #main .nu-door-emotional-copy .nu-door-intro{font-size:21px;margin-bottom:22px} html.ux-review body #app #main .nu-hero-cta{min-width:0;width:100%;max-width:360px;font-size:21px} html.ux-review body #app #main article.nu-food-door{padding:16px} html.ux-review body #app #main .nu-door-panel{padding:32px 22px;min-height:0} html.ux-review body #app #main .nu-door-mark{width:88px;height:88px} html.ux-review body #app #main .nu-door-mark svg{width:50px;height:50px} html.ux-review body #app #main .nu-food-door h2{font-size:36px} html.ux-review body #app #main .nu-food-door .btn{font-size:19px} } @media(max-width:360px){html.ux-review body #app #main .nu-door-emotional-copy #nu-door-title{font-size:37px}html.ux-review body #app #main .nu-food-door h2{font-size:32px}} } @layer nudog-card-typography { @media(max-width:850px){html.ux-review body #app>header .desktop-navigation .bag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102039' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E");background-position:center;background-size:25px;background-repeat:no-repeat}} } /* Compatibility source: lower-page-v614.css */ /* Explicit surface/text pairs prevent light-on-light card regressions. */ @layer nudog-card-typography { html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro{background:var(--palette-cream);color:var(--palette-navy);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'kicker photo' 'title photo' 'headline photo' 'copy photo' 'claims photo';gap:16px 36px;max-width:none;padding:40px;border:0;border-radius:32px;text-align:left;align-items:start} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro :is(h2,h3,p,span,.flow-kicker,.nu-honest-headline,.nu-honest-copy){color:var(--palette-navy)} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.flow-kicker{grid-area:kicker;margin:0;font-size:16px} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>h2{grid-area:title;font-size:clamp(38px,4vw,56px);line-height:1.04;margin:0} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-honest-headline{grid-area:headline;font-size:28px;font-weight:700;margin:0} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-honest-copy{grid-area:copy;font-size:21px;line-height:1.4;margin:0} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-thrive-photo{grid-area:photo;width:100%;height:100%;min-height:360px;max-height:620px;margin:0;border-radius:24px;overflow:hidden;align-self:stretch} html.ux-review body #app #main .clean-home .nu-thrive-photo img{width:100%;height:100%;object-fit:cover} html.ux-review body #app #main .clean-home .nu-honest-claims{grid-area:claims;display:grid;gap:10px;padding:0;margin:4px 0 0;width:100%} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-honest-claims li{background:var(--palette-panel);color:var(--palette-navy);border:0;border-radius:12px;padding:12px 14px;font-size:19px;line-height:1.35} html.ux-review body #app #main .nu-door-extras{padding-block:42px} html.ux-review body #app #main .nu-door-extras h2{font-size:38px;line-height:1.1;margin-bottom:22px} html.ux-review body #app #main .nu-door-extras>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} html.ux-review body #app #main .nu-door-extras a{background:var(--palette-panel);border-radius:24px;padding:24px;font-size:22px;font-weight:700;text-decoration:none;min-height:88px;box-sizing:border-box;color:var(--palette-navy);justify-content:space-between;line-height:1.25} html.ux-review body #app #main .nu-mixed{background:var(--palette-cream)} html.ux-review body #app #main .nu-mixed-heading h2,html.ux-review body #app #main .nu-review-heading h2,html.ux-review body #app #main .clean-faq-heading{font-size:clamp(36px,4vw,52px);line-height:1.08} html.ux-review body #app #main .clean-faq-section{background:var(--palette-panel)} html.ux-review body #app #main .clean-faq summary{font-size:22px;line-height:1.3;padding-block:20px;min-height:44px} @media(max-width:750px){ html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro{display:flex;flex-direction:column;padding:26px 22px;gap:16px} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.flow-kicker{order:0} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>h2{order:1;font-size:38px} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-honest-headline{order:2;font-size:26px} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-honest-copy{order:3;font-size:20px} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro>.nu-thrive-photo{order:4;height:260px;min-height:260px;max-height:260px;flex-shrink:0} html.ux-review body #app #main .clean-home .nu-honest-claims{order:5} html.ux-review body #app #main .nu-door-extras>div{grid-template-columns:minmax(0,1fr)} html.ux-review body #app #main .nu-door-extras h2{font-size:34px} html.ux-review body #app #main .nu-door-extras a{min-height:76px;padding:22px} } } @layer nudog-card-typography { html.ux-review body #app #main .clean-home .nu-natural-promise .nu-honest-claims{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:750px){html.ux-review body #app #main .clean-home .nu-natural-promise .nu-honest-claims{grid-template-columns:minmax(0,1fr)}} } /* Compatibility source: palette-v615.css */ /* Site-wide brand surface contract. Form fields and long-form reading areas remain light. */ @layer nudog-card-typography { html.ux-review body #app>footer{background:var(--palette-navy);color:var(--palette-denim)} html.ux-review body #app>footer :is(a,p,span,label,summary,h2,h3,h4,small,strong,button){color:var(--palette-denim)} html.ux-review body #app>footer summary::after{color:var(--palette-denim)} html.ux-review body #app>footer :is(details,.footerlinks,.footer-bottom){border-color:color-mix(in srgb, var(--palette-denim) 33.33%, transparent)} html.ux-review body #app>footer svg{color:var(--palette-denim)} html.ux-review body #app>footer svg [stroke="var(--palette-cream)"],html.ux-review body #app>footer svg [stroke="white"]{stroke:var(--palette-denim)} html.ux-review body #app>footer svg [fill="var(--palette-cream)"],html.ux-review body #app>footer svg [fill="white"]{fill:var(--palette-denim)} html.ux-review body #app>footer :is(input,select,textarea){background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-denim)} html.ux-review body #app>footer button[type=submit]{background:var(--palette-panel);color:var(--palette-navy);border-color:var(--palette-denim)} html.ux-review body #app #main .clean-faq-section{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main :is(.clean-faq,.info-faqs,.nu-range-questions) details{background:var(--palette-panel);color:var(--palette-navy);border-color:color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #app #main :is(.clean-faq,.info-faqs,.nu-range-questions) :is(summary,summary::after,p,a){color:var(--palette-navy)} html.ux-review body #app #main .clean-faq details{border-radius:20px;border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #app #main .nu-door-panel{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .nu-door-cold .nu-door-panel{background:var(--palette-panel)} html.ux-review body #app #main :is(.nu-natural-intro,.recipe-card,.recipe-card .productimage,.info-tiles article,.stockist-ranges article,.nu-dry-benefits article,.nu-sub-price-grid article){background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .clean-home .nu-natural-promise .nu-natural-intro{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .recipe-card.range-cold-card{background:var(--palette-panel)} html.ux-review body #app #main .recipe-card :is(.card-body,.card-pricing,.treat-quick-buy,.card-purchase-choices){background:transparent;color:var(--palette-navy)} html.ux-review body #app #main .recipe-card :is(h3,h3 a,.card-range,.card-ingredients,.card-pack,.nu-card-unit,.card-main-price,.card-oneoff-price,.card-price-context,label){color:var(--palette-navy)} html.ux-review body #app #main :is(.info-notice,.info-help,.info-contact-form,.stockist-form-intro,.nu-range-journey ol,.nu-range-serving li){background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .cartrow{background:var(--palette-panel);color:var(--palette-navy);border-radius:20px;padding:20px;margin-bottom:16px} html.ux-review body #app #main :is(.purchase-panel,.checkout-summary,.nu-feeding-widget){background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main :is(.nu-range-subscribe,.nu-door-mix){background:var(--palette-navy);color:var(--palette-denim)} html.ux-review body #app #main :is(.nu-range-subscribe,.nu-door-mix) :is(h2,h3,p,.eyebrow){color:var(--palette-denim)} html.ux-review body #app #main :is(.nu-range-subscribe,.nu-door-mix) .btn{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .nu-natural-promise :is(.nu-complete-note,.nu-natural-link){color:var(--palette-denim)} html.ux-review body #app #main :is(.nu-door-fresh,.nu-door-cold) .btn{background:var(--palette-navy);color:var(--palette-denim);border-color:var(--palette-navy)} html.ux-review body #app #main .nu-basket-extras{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #app #main .nu-basket-extras article{background:var(--palette-panel);border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} html.ux-review body #quick-basket-drawer{background:var(--palette-panel);color:var(--palette-navy)} html.ux-review body #quick-basket-drawer .nu-drawer-extras{background:var(--palette-panel);border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} } /* Compatibility source: hero-carousel-v616.css */ @layer nudog-card-typography { html.ux-review body #app #main .nu-hero-carousel{position:relative;background:var(--palette-navy);touch-action:pan-y} html.ux-review body #app #main .nu-hero-slide[hidden]{display:none} html.ux-review body #app #main .nu-hero-scotland::after{background:linear-gradient(90deg,var(--palette-navy) 0%,rgba(16,32,57,.95) 28%,rgba(16,32,57,.4) 65%,rgba(16,32,57,.1))} html.ux-review body #app #main .nu-hero-scotland .nu-door-emotional-art img{object-position:75% center} html.ux-review body #app #main .nu-heritage-title{font-family:'Nu Baloo 2',sans-serif;font-size:clamp(48px,5.3vw,76px);font-weight:700;line-height:1.02;color:var(--palette-denim);margin:0 0 24px} html.ux-review body #app #main .nu-scottish-flag{display:inline-block;width:48px;height:30px;background:linear-gradient(32deg,transparent 42%,white 43% 57%,transparent 58%),linear-gradient(-32deg,transparent 42%,white 43% 57%,transparent 58%),#0065bd;vertical-align:middle;margin-right:8px} html.ux-review body #app #main .nu-hero-controls{position:absolute;z-index:5;bottom:20px;left:6vw;display:flex;gap:12px;align-items:center} html.ux-review body #app #main .nu-hero-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--palette-denim);border-radius:50%;background:var(--palette-navy);color:var(--palette-denim);font-size:24px;cursor:pointer;padding:0} html.ux-review body #app #main .nu-hero-controls button[data-hero-dot]{width:44px;border:0;background:transparent} html.ux-review body #app #main .nu-hero-controls button[data-hero-dot]::after{content:'';width:10px;height:10px;border:2px solid var(--palette-denim);border-radius:50%} html.ux-review body #app #main .nu-hero-controls button[aria-current=true]::after{background:var(--palette-panel);width:24px;border-radius:8px} html.ux-review body #app #main .nu-hero-controls button:focus-visible{outline:3px solid var(--palette-denim);outline-offset:3px} @media(max-width:750px){ html.ux-review body #app #main .nu-hero-carousel .nu-door-emotional-copy{padding-bottom:92px} html.ux-review body #app #main .nu-hero-scotland::after{background:linear-gradient(0deg,var(--palette-navy) 0%,rgba(16,32,57,.95) 30%,rgba(16,32,57,.1) 72%,rgba(16,32,57,.15))} html.ux-review body #app #main .nu-hero-scotland .nu-door-emotional-art img{object-position:81% top} html.ux-review body #app #main .nu-heritage-title{font-size:48px} html.ux-review body #app #main .nu-hero-controls{left:24px;bottom:18px} } } /* Compatibility source: door-proportions-v617.css */ /* Range doors: reference proportions, Nudog colours and Baloo type. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors{background:var(--palette-navy)} html.ux-review body #app #main .nu-range-intro{padding:58px 24px 36px;color:var(--palette-denim)} html.ux-review body #app #main .nu-range-intro :is(p,h2){color:var(--palette-denim)} html.ux-review body #app #main .nu-door-grid{gap:32px;padding:0 30px 48px;max-width:1240px;margin:auto;align-items:stretch} html.ux-review body #app #main article.nu-food-door{padding:0;border:0;border-radius:48px;overflow:hidden;box-shadow:none} html.ux-review body #app #main article.nu-door-fresh,html.ux-review body #app #main .nu-door-fresh .nu-door-panel{background:var(--palette-panel)} html.ux-review body #app #main article.nu-door-cold,html.ux-review body #app #main .nu-door-cold .nu-door-panel{background:var(--palette-panel)} html.ux-review body #app #main .nu-food-door .nu-door-panel{padding:48px 34px 36px;min-height:560px;height:100%;box-sizing:border-box;border:0;border-radius:48px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start} html.ux-review body #app #main .nu-food-door .nu-door-label{display:flex;flex-direction:column;gap:16px;font-size:14px;letter-spacing:.08em;font-weight:700;margin:0 0 24px;color:var(--palette-navy)} html.ux-review body #app #main .nu-food-door .nu-door-mark{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:var(--palette-navy);color:var(--palette-denim)} html.ux-review body #app #main .nu-food-door .nu-door-mark svg{width:66px;height:66px;stroke-width:1.8} html.ux-review body #app #main .nu-food-door h2{font-size:44px;line-height:1.08;text-align:center;max-width:18ch;margin:0 0 32px;color:var(--palette-navy)} html.ux-review body #app #main .nu-food-door h2 span{color:var(--palette-denim)} html.ux-review body #app #main .nu-food-door .btn{margin-top:auto;min-height:64px;width:100%;max-width:420px;border-radius:999px;padding:18px 22px;font-size:21px;text-align:center;justify-content:center;background:var(--palette-navy);color:var(--palette-denim);border:0;box-sizing:border-box;gap:10px} html.ux-review body #app #main .nu-door-fresh .btn{background:var(--palette-panel);color:var(--palette-cream)} html.ux-review body #app #main .nu-food-door .nu-door-image,html.ux-review body #app #main .nu-food-door .nu-door-benefits{display:none} html.ux-review body #app #main .nu-food-door a.nu-door-offer{font-size:15px;line-height:1.35;margin:20px 0 0;color:var(--palette-denim);max-width:30ch} html.ux-review body #app #main .nu-door-panel .nu-award-source{font-size:14px;color:var(--palette-navy);margin:0 0 24px;min-height:44px;display:flex;align-items:center} html.ux-review body #app #main .nu-door-mix{margin:0 30px 48px;background:var(--palette-panel);border-radius:32px} @media(max-width:750px){ html.ux-review body #app #main .nu-door-grid{grid-template-columns:1fr;padding:0 16px 32px;gap:28px} html.ux-review body #app #main article.nu-food-door,html.ux-review body #app #main .nu-food-door .nu-door-panel{border-radius:34px} html.ux-review body #app #main .nu-food-door .nu-door-panel{min-height:460px;padding:36px 26px 30px} html.ux-review body #app #main .nu-food-door .nu-door-mark{width:88px;height:88px} html.ux-review body #app #main .nu-food-door .nu-door-mark svg{width:48px;height:48px} html.ux-review body #app #main .nu-food-door .nu-door-label{font-size:12px;gap:14px;margin-bottom:24px} html.ux-review body #app #main .nu-food-door h2{font-size:34px;line-height:1.09;margin-bottom:30px} html.ux-review body #app #main .nu-food-door .btn{font-size:18px;min-height:58px;padding:16px 14px} html.ux-review body #app #main .nu-door-mix{margin:0 16px 32px} } } @layer nudog-card-typography { html.ux-review body #app #main .nu-door-mix :is(h2,p,a){color:var(--palette-navy)} html.ux-review body #app #main .nu-door-cold .btn{margin-bottom:62px} @media(max-width:750px){html.ux-review body #app #main .nu-door-cold .btn{margin-bottom:0}} } @layer nudog-card-typography { @media(max-width:750px){html.ux-review body #app #main .nu-two-doors>.wrap{padding-inline:0;max-width:none;width:100%}html.ux-review body #app #main .nu-door-grid{width:100%;box-sizing:border-box}} } /* Explicit surface contract prevents older high-specificity palette rules winning. */ @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors aside.nu-door-mix, html.ux-review body #app #main .nu-two-doors aside.nu-door-mix :is(div,h2,p,a,span){color:var(--palette-navy)} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix{min-height:0;height:auto;padding:30px;gap:24px;align-items:center;margin-bottom:0} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix>div{min-height:0;height:auto} html.ux-review body #app #main .nu-two-doors{padding-bottom:48px} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix a{background:var(--palette-navy);color:var(--palette-denim);display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25} @media(max-width:750px){ html.ux-review body #app #main .nu-two-doors aside.nu-door-mix{padding:28px 24px;gap:20px;align-items:stretch;text-align:center} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix h2{font-size:32px;line-height:1.1} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix p{font-size:18px;line-height:1.4} html.ux-review body #app #main .nu-two-doors aside.nu-door-mix a{font-size:18px;min-height:58px;padding:16px} html.ux-review body #app #main .nu-two-doors{padding-bottom:32px} } } @layer nudog-card-typography { html.ux-review body #app #main .nu-two-doors>.wrap{padding-bottom:0} html.ux-review body #app #main .nu-two-doors+.nu-natural-promise{padding-top:32px} } /* Compatibility source: floating-logo-v619.css */ @layer nudog-card-typography { html.ux-review body #app>header .header-brand .packaging-logo-tab{background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none} html.ux-review body #app>header .header-brand .packaging-logo-tab::before,html.ux-review body #app>header .header-brand .packaging-logo-tab::after{display:none} } /* Compatibility source: header-balance-v620.css */ /* Compact offer strip; retain the approved large wordmark and tap targets. */ @layer nudog-card-typography { html.ux-review body #app>.announce{height:38px;min-height:38px;padding:0;box-sizing:border-box;display:flex;align-items:center;font-size:14px;line-height:1.2} html.ux-review body #app>.announce .announce-track{padding-block:0;line-height:1.2} html.ux-review body #app>.announce .announce-track span{font-size:14px;line-height:1.2} html.ux-review body:has(.home-page) #app>.announce{height:38px;min-height:38px} html.ux-review body:has(.home-page) #app>header{top:0;background:var(--palette-cream);background-image:none;border:0;box-shadow:none} @media(max-width:750px){ html.ux-review body #app>.announce,html.ux-review body:has(.home-page) #app>.announce{height:40px;min-height:40px} html.ux-review body:has(.home-page) #app>header{top:0} html.ux-review body #app>.announce .announce-track span{font-size:13px} } } /* Compatibility source: large-header-v621.css */ @layer nudog-card-typography { html.ux-review body #app>header .nu-header-primary{display:none} html.ux-review body:has(.home-page) #app>header{min-height:120px;height:120px;padding-block:18px;align-items:center} html.ux-review body:has(.home-page) #app>header .header-brand{height:auto;align-self:center} html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab{width:180px;height:80px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none} html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab img.logo{width:180px;height:auto;max-width:100%} @media(max-width:850px){ html.ux-review body:has(.home-page) #app>header{display:grid;grid-template-columns:124px minmax(0,1fr) 44px;gap:10px;min-height:112px;height:112px;padding:18px 16px;box-sizing:border-box} html.ux-review body:has(.home-page) #app>header .header-brand{grid-column:1;grid-row:1;order:0;width:124px;min-width:0} html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab{width:124px;height:76px;min-height:0;padding:0} html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab img.logo{width:124px;height:auto} html.ux-review body:has(.home-page) #app>header .nu-header-primary{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 10px;box-sizing:border-box;border-radius:999px;background:var(--palette-navy);color:var(--palette-cream);font-size:18px;font-weight:700;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap} html.ux-review body:has(.home-page) #app>header .desktop-navigation{display:none} html.ux-review body:has(.home-page) #app>header .mobile-navigation{grid-column:3;grid-row:1;order:2;align-self:center;position:static;width:44px;height:44px;margin:0} html.ux-review body:has(.home-page) #app>header .mobile-navigation>summary{width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--palette-navy);padding:6px;border-radius:0} html.ux-review body:has(.home-page) #app>header .mobile-navigation>summary svg{width:32px;height:32px} html.ux-review body:has(.home-page) #app>header .mobile-menu-panel{top:112px} } @media(max-width:360px){html.ux-review body:has(.home-page) #app>header{grid-template-columns:108px minmax(0,1fr) 44px;gap:6px;padding-inline:12px}html.ux-review body:has(.home-page) #app>header .header-brand,html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab,html.ux-review body:has(.home-page) #app>header .header-brand .packaging-logo-tab img.logo{width:108px}html.ux-review body:has(.home-page) #app>header .nu-header-primary{font-size:16px}} } } /* Nudog visual system · shared tokens, components and page templates. */ @layer compatibility, foundation, components, templates, states; @layer foundation { *{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--navy);font:400 18px/1.5 var(--body-font);font-synthesis:none}p,li,label,input,select,textarea,small,blockquote,figcaption{font-family:var(--body-font);font-weight:400}p{margin:0 0 16px;max-width:65ch}h1,h2,h3,h4,summary{font-family:var(--heading-font);color:inherit}h1{font-size:48px;font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0 0 24px}h2{font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.015em;margin:0 0 24px}h3{font-size:26px;font-weight:600;line-height:1.2;margin:0 0 16px}h4{font-size:22px;font-weight:600;line-height:1.25}a{color:inherit}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%}.wrap{max-width:var(--page-width);width:100%;margin-inline:auto;padding:48px 32px}.eyebrow,.nu-door-label,.card-range{font:600 16px/1.4 var(--body-font);letter-spacing:.08em;text-transform:uppercase;color:inherit}.small,small,figcaption{font-size:16px;line-height:1.45}.lead{font-size:20px;line-height:1.5;color:var(--navy)} } @layer components { /* One header for every route. */ #app>header{position:relative;top:auto;left:auto;right:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;height:104px;min-height:104px;padding:16px max(32px,calc((100vw - 1200px)/2 + 32px));background:var(--paper);color:var(--navy);border:0;border-bottom:1px solid var(--line);transform:none;box-shadow:none;z-index:40} #app>header .header-brand{display:flex;align-items:center;justify-content:flex-start;width:160px;height:72px;min-height:0;flex:0 0 160px;align-self:center} #app>header .packaging-logo-tab{display:flex;width:160px;height:72px;padding:0;margin:0;background:transparent;border:0;border-radius:0;align-items:center;justify-content:flex-start;box-shadow:none} #app>header .packaging-logo-tab::before,#app>header .packaging-logo-tab::after{display:none} #app>header img.logo{width:160px;height:72px;object-fit:contain;filter:none;transform:none;max-width:100%} #app>header .nu-header-primary{display:none}#app>header .desktop-navigation{display:flex;align-items:center;gap:24px;margin:0;padding:0;font:600 16px/1.4 var(--body-font)} #app>header .desktop-navigation>a{color:var(--navy);min-height:44px;display:flex;align-items:center;padding:0;white-space:nowrap} #app>header .desktop-navigation :is(.search-launcher,.bag){min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:999px;background:var(--blue);color:var(--navy);font-size:16px} #app>header .mobile-navigation{display:none}#app>.announce{height:40px;min-height:40px;padding:0;display:flex;align-items:center;background:var(--raspberry);color:white;font:600 16px/1.3 var(--body-font)}#app>.announce .announce-track span{font-size:16px;padding-block:0;line-height:1.3} .range-navigation{display:flex;align-items:center;justify-content:center;gap:32px;min-height:56px;background:var(--paper);border-bottom:1px solid var(--line);padding:4px 24px;font:500 16px/1.4 var(--body-font)}.range-navigation a{display:flex;align-items:center;min-height:44px;color:var(--navy);border:0;border-bottom:2px solid transparent}.range-navigation a[aria-current=page]{border-color:var(--navy)} /* Actions, fields, selection controls. */ :is(.btn,.card-action,.nu-hero-cta,.nu-step-next){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;height:auto;padding:14px 24px;margin:0;border:1px solid var(--navy);border-radius:var(--radius-pill);background:var(--navy);color:var(--white);font:700 18px/1.3 var(--heading-font);text-transform:none;letter-spacing:0;text-align:center;text-decoration:none;white-space:normal;box-shadow:none;transform:none} .btn.alt,.nu-step-back{background:var(--white);color:var(--navy);border:1px solid var(--navy);border-radius:999px;min-height:52px;padding:12px 20px;font:600 17px/1.4 var(--body-font);display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.nu-hero-cta{background:var(--blue);color:var(--navy);border-color:var(--blue);min-width:240px} .chip,.gallery-tabs button,.fresh-recipe-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:12px;font:600 16px/1.3 var(--body-font);text-transform:none;letter-spacing:0;white-space:normal}.chip.active,.chip[aria-current],.fresh-recipe-navigation a[aria-current]{background:var(--navy);color:var(--white);border-color:var(--navy)} input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea{min-height:52px;padding:12px 14px;border:1px solid var(--navy);border-radius:12px;background:var(--white);color:var(--navy);font:400 18px/1.4 var(--body-font);max-width:100%}input[type=radio],input[type=checkbox]{accent-color:var(--navy);min-width:20px;min-height:20px}input:disabled,select:disabled{opacity:.6}label{font-size:18px}.textlink,.back,.nu-award-source{display:inline-flex;align-items:center;min-height:44px;font:500 16px/1.4 var(--body-font);text-underline-offset:4px} /* Product card: media, information, purchase controls. */ #main .recipe-card{display:flex;flex-direction:column;min-width:0;padding:0;margin:0;overflow:hidden;background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:24px;box-shadow:none;height:auto;grid-template-columns:none} #main .recipe-card>.productimage{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 280px;width:100%;height:280px;min-height:280px;padding:24px;margin:0;background:var(--white);border-radius:0;overflow:hidden} #main .recipe-card>.productimage>:is(img,svg.packvisual){width:100%;height:100%;object-fit:contain;padding:0;margin:0;mix-blend-mode:normal;filter:none;opacity:1;transform:none} #main .recipe-card:not(.range-fresh-card)>.productimage{background:var(--blue)} #main .recipe-card .card-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:12px;padding:24px;background:white;text-align:left;min-width:0;border:0} #main .recipe-card .card-body>*{position:static;grid-column:auto;grid-row:auto;margin:0;max-width:100%;text-align:left;align-self:auto} #main .recipe-card .card-body h3,#main .recipe-card .card-body h3 a{font:600 28px/1.15 var(--heading-font);color:var(--navy);text-align:left;min-height:0;margin:0;width:auto} #main .recipe-card .card-range{font:400 16px/1.4 var(--body-font);letter-spacing:0;text-transform:none;min-height:0} #main .recipe-card :is(.card-ingredients,.card-pack,.card-oneoff-price,.card-price-context,.card-concept,.nu-card-unit){font:400 16px/1.45 var(--body-font);color:var(--navy)} #main .recipe-card .card-ingredients{font-size:18px;min-height:0}#main .recipe-card .card-main-price{font:700 26px/1.2 var(--body-font)}#main .recipe-card .card-price-prefix{font:600 18px/1.2 var(--body-font)}#main .recipe-card .card-price-amount{font:700 26px/1.2 var(--body-font)} #main .recipe-card .card-pricing{margin-top:8px;padding-top:16px;border-top:1px solid var(--line)} #main .recipe-card :is(.treat-quick-buy,.card-purchase-choices){padding:24px;margin:0;width:100%;background:var(--blue);border:0;border-top:1px solid var(--line);border-radius:0;display:block} #main .recipe-card .card-action{width:100%;margin:0;min-height:56px}#main .recipe-card .card-purchase-choices{display:grid;gap:12px;grid-template-columns:1fr} #main .recipe-card details{padding:12px 0;margin:0;border-top:1px solid var(--line)} #main :is(.recipe-card,.product-page) summary{font:600 18px/1.4 var(--body-font);min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:var(--navy)} .nu-review-badge{display:flex;align-items:center;gap:12px;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--navy);box-shadow:none;font:400 16px/1.4 var(--body-font);flex-wrap:wrap;width:auto}.nu-review-badge :is(span,strong,b){color:var(--navy);font-family:var(--body-font)}.nu-review-badge :is(strong,b){font-weight:600;font-size:16px}.premium-benefit-badges{gap:8px}.premium-benefit-badges span{background:var(--paper);color:var(--navy);border:1px solid var(--line);border-radius:12px;padding:6px 10px;font:400 16px/1.4 var(--body-font)}.premium-benefit-badges span::before{font-weight:400;font-size:16px;color:var(--navy)} .purchase-options,.nu-purchase-card{border:0;margin:16px 0;padding:0;display:grid;gap:12px}.purchase-options legend{font:600 18px/1.4 var(--body-font);padding:0 0 12px}.purchase-options>label{display:flex;align-items:flex-start;gap:12px;min-height:64px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--navy)}.purchase-options>label:has(input:checked){border:2px solid var(--navy);padding:15px;background:var(--white);color:var(--navy);outline:0;box-shadow:none}.purchase-options label :is(strong,b){font:600 18px/1.4 var(--body-font);color:inherit}.purchase-options>label:has(input:checked) :is(span,strong,b,small){color:var(--navy);opacity:1}.purchase-options small{display:block;font-size:16px;line-height:1.4;color:inherit} /* Footer: same markup and geometry on every page. */ #app>footer.compact-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--blue);padding:56px 32px 220px;border:0;font:400 17px/1.5 var(--body-font)} #app>footer.compact-footer::after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-4%;bottom:-140px;width:min(900px,90vw);height:760px;background:var(--accent);opacity:1;mask:url('/__l5e/assets-v1/b2eaa3c7-0aa1-480c-b2ba-8e8b67321d8e/nudog-character-white-v314.svg') center/contain no-repeat} #app>footer.compact-footer :is(a,p,span,label,summary,h2,h3,small,strong,button){color:var(--blue)} #app>footer .footer-top{display:grid;grid-template-columns:1fr 2fr;gap:64px;max-width:1136px;margin:0 auto 32px}#app>footer .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:0}#app>footer .footer-brand-heading{display:block;width:100%;height:auto}#app>footer .logo{width:160px;height:72px;object-fit:contain;filter:none}#app>footer .footer-dog-watermark{display:none}#app>footer .footer-brand-slogan{margin:12px 0 0;font-size:18px}#app>footer .footer-contact{display:flex;gap:24px;align-items:center;margin:0;flex-wrap:wrap}#app>footer .footer-contact :is(a,button){font:400 17px/1.4 var(--body-font);min-height:44px;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}#app>footer .footer-social{position:static;margin:0;align-self:flex-start}#app>footer .footer-social p{display:none} #app>footer .footerlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;background:transparent}#app>footer .footer-link-group{border:0;padding:0;margin:0;background:none}#app>footer .footer-link-group summary{font:700 22px/1.3 var(--heading-font);padding:0 0 16px;min-height:44px;pointer-events:none;list-style:none}#app>footer .footer-link-group summary::after{display:none}#app>footer .footer-group-links{display:flex;flex-direction:column;padding:0;gap:0}#app>footer .footer-group-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;font:400 17px/1.4 var(--body-font)} #app>footer .footer-newsletter-toggle{max-width:1136px;margin:auto;padding:0;border:0;border-block:1px solid color-mix(in srgb, var(--palette-denim) 25.1%, transparent);background:transparent}#app>footer .footer-newsletter-toggle>summary{display:flex;justify-content:space-between;align-items:center;font:700 22px/1.3 var(--heading-font);padding:24px 0;list-style:none;cursor:pointer}#app>footer .footer-newsletter-toggle>summary::after{content:'+'}#app>footer .footer-newsletter-toggle[open]>summary::after{content:'−'}#app>footer .footer-newsletter{padding:0 0 24px;margin:0;gap:32px}#app>footer .newsletter-fields button{background:var(--blue);color:var(--navy);border:0;border-radius:999px;padding:14px 20px;font:700 18px/1.3 var(--heading-font);min-height:52px}#app>footer :is(input,textarea,select){background:white;color:var(--navy)} #app>footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;max-width:1136px;margin:auto;padding:24px 0 0;gap:16px;border:0;text-align:left}#app>footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:flex-start}#app>footer .footer-bottom :is(a,small){font:400 16px/1.5 var(--body-font)}#app>footer .footer-bottom a{min-height:44px;display:flex;align-items:center} .chat-launcher{position:fixed;right:16px;bottom:16px;width:48px;height:48px;min-height:48px;padding:10px;background:var(--navy);color:var(--white);border:1px solid var(--white);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:none;z-index:50}.chat-launcher>span{display:none}.chat-launcher svg{width:24px;height:24px;color:white} } @layer templates { /* Home: photography leads, cards support. */ .home-page{background:var(--paper)}.home-page .nu-two-doors{background:var(--navy);color:var(--blue)}.home-page .nu-two-doors>.wrap{max-width:none;padding:0}.nu-hero-carousel{position:relative;background:var(--navy);touch-action:pan-y}.nu-door-emotional-hero{position:relative;min-height:680px;height:680px;overflow:hidden}.nu-door-emotional-art{position:absolute;z-index:0;inset:0;margin:0;width:100%;height:100%;mask-image:none}.nu-door-emotional-art img{width:100%;height:100%;object-fit:cover;object-position:75% center;mix-blend-mode:normal;filter:none}.nu-door-emotional-hero::after{z-index:1;content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb, var(--palette-navy) 93.73%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 53.33%, transparent) 40%,transparent 75%);pointer-events:none}.nu-door-emotional-copy{position:relative;z-index:2;width:52%;max-width:700px;min-height:100%;padding:80px 6vw 100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--blue)}.nu-door-origin{font:600 22px/1.3 var(--heading-font);margin:0 0 24px;color:var(--blue)}.nu-door-origin span{color:inherit}.nu-door-origin>span:not(.nu-scottish-flag){display:block;margin-top:4px} #nu-door-title,.nu-heritage-title{font:700 clamp(44px,4.6vw,64px)/1.05 var(--heading-font);letter-spacing:-.02em;color:var(--blue);margin:0 0 24px;width:100%;max-width:12ch}.nu-door-typing{position:relative;display:block;font:inherit;color:inherit;white-space:normal}.nu-typing-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nu-typing-reserve{display:block;visibility:hidden;white-space:normal}.nu-typing-output{position:absolute;inset:0;white-space:normal;color:inherit;font:inherit}.nu-door-intro{font:400 20px/1.5 var(--body-font);max-width:35ch;margin:0 0 24px;color:var(--blue)}.nu-hero-controls{position:absolute;z-index:4;bottom:24px;left:6vw;display:flex;gap:12px;align-items:center}.nu-hero-controls button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--blue);border-radius:50%;background:var(--navy);color:var(--blue);font-size:24px}.nu-hero-controls button[data-hero-dot]{background:transparent;border:0}.nu-hero-controls button[data-hero-dot]::after{content:'';display:block;width:10px;height:10px;border:2px solid var(--blue);border-radius:50%;margin:auto}.nu-hero-controls button[aria-current=true]::after{width:24px;background:var(--blue);border-radius:8px} .nu-hero-scotland::after{background:linear-gradient(90deg,color-mix(in srgb, var(--palette-navy) 96.08%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 66.67%, transparent) 45%,transparent 85%)}.nu-scottish-flag{width:40px;height:26px;display:inline-block;vertical-align:middle;background:linear-gradient(32deg,transparent 42%,white 43% 57%,transparent 58%),linear-gradient(-32deg,transparent 42%,white 43% 57%,transparent 58%),#0065bd} .home-page .nu-range-intro{padding:48px 24px 32px;text-align:center}.home-page .nu-range-intro p{margin:0 auto 12px}.home-page .nu-range-intro h2{font-size:44px;color:var(--blue);margin:0}.home-page .nu-door-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1136px;margin:auto;padding:0}.home-page .nu-food-door{display:flex;min-width:0;border:0;border-radius:24px;overflow:hidden;padding:0;margin:0;background:var(--blue);height:auto}.home-page .nu-door-image,.home-page .nu-door-benefits{display:none}.home-page .nu-door-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(112px,1fr) 44px 56px 48px;align-items:center;gap:12px;width:100%;padding:32px;background:var(--blue);color:var(--navy);border-radius:24px;min-height:440px;text-align:center}.home-page .nu-door-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--navy);color:var(--blue);margin:0 auto 20px}.home-page .nu-door-mark svg{width:40px;height:40px}.home-page .nu-door-label{grid-row:1;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;font-size:16px;letter-spacing:.06em}.home-page .nu-door-panel h2{grid-row:2;font:700 32px/1.15 var(--heading-font);min-height:112px;margin:20px 0;color:var(--navy)}.home-page .nu-door-panel h2 span{color:var(--navy)}.home-page .nu-door-panel .btn{grid-row:4;width:100%;margin:0}.home-page .nu-award-source{grid-row:3;justify-content:center;margin:0;font-size:16px}.home-page .nu-door-offer{grid-row:5;display:flex;flex-direction:column;gap:4px;font:400 16px/1.4 var(--body-font);margin:16px 0 0;color:var(--navy);min-height:48px}.home-page .nu-door-offer strong{font-weight:700;color:var(--navy)}.home-page .nu-door-mix{display:flex;gap:32px;align-items:center;justify-content:space-between;max-width:1136px;margin:24px auto 0;padding:24px 32px;border-radius:24px;background:var(--blue);color:var(--navy)}.home-page .nu-door-mix h2{font-size:28px;margin:0 0 8px}.home-page .nu-door-mix p{margin:0}.home-page .nu-door-mix .textlink{flex-shrink:0;background:var(--navy);color:var(--white);border:1px solid var(--navy);border-radius:999px;padding:14px 24px;min-height:56px;font:700 18px/1.3 var(--heading-font);text-decoration:none} .home-page .nu-natural-promise{background:var(--paper);color:var(--navy);padding:48px 32px}.home-page .nu-natural-intro{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'kicker photo' 'title photo' 'copy photo' 'claims photo';gap:16px 32px;max-width:1136px;margin:auto;padding:32px;background:var(--blue);color:var(--navy);border-radius:24px;align-items:start}.nu-natural-intro>.nu-thrive-photo{grid-area:photo;margin:0;width:100%;height:100%;min-height:300px;border-radius:20px;overflow:hidden}.nu-thrive-photo img{width:100%;height:100%;object-fit:cover}.nu-natural-intro>*{min-width:0;max-width:100%}.nu-natural-intro>.flow-kicker{grid-area:kicker;margin:0;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.06em}.nu-natural-intro>.nu-honest-headline{grid-area:headline;margin:0;font-size:22px;line-height:1.3}.nu-natural-intro>.nu-honest-copy{grid-area:copy;margin:0;font-size:18px;line-height:1.5}.nu-natural-intro>h2{grid-area:title;font-size:40px;margin:0}.nu-natural-intro .nu-honest-claims{grid-area:claims;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}.nu-natural-intro .nu-honest-claims li{background:transparent;padding:0;font-size:16px}.nu-natural-promise .nu-complete-note{max-width:65ch;text-align:center;margin:24px auto 12px;color:var(--navy);font-size:16px}.nu-natural-promise .nu-natural-link{display:block;text-align:center;color:var(--navy)} .nu-door-extras{padding-block:48px}.nu-door-extras h2{font-size:32px}.nu-door-extras>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nu-door-extras a{padding:24px;border-radius:20px;background:var(--blue);color:var(--navy);font:600 18px/1.3 var(--heading-font)} /* Range and shop templates share the same card. */ .nu-range-landing{background:var(--paper);color:var(--navy)}.nu-range-door-hero{padding-block:32px}.nu-range-door-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:32px}.nu-range-door-grid h1{font:700 56px/1.08 var(--heading-font);margin:16px 0 24px;color:var(--navy)}.nu-range-door-grid .lead{font-size:20px;margin-bottom:24px}.nu-range-door-grid>img{display:block;width:100%;height:420px;padding:32px;border-radius:24px;background:var(--blue);object-fit:contain;mix-blend-mode:normal;filter:none}.nu-range-door-grid>img[src*='fresh-mixed']{height:300px;background:var(--white);padding:16px}.nu-range-door-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.nu-door-fine{font-size:16px;line-height:1.45;margin:16px 0 0}.nu-range-journey{padding-block:24px}.nu-range-journey ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:var(--blue);border-radius:24px;padding:24px;margin:0}.nu-range-journey li{display:flex;align-items:center;gap:12px;font-size:18px}.nu-range-journey li>span,.nu-range-serving li>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--navy);color:white;font:700 18px var(--heading-font)}.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink{padding-block:32px}.nu-range-landing section>h2{font-size:40px;line-height:1.12;color:var(--navy);margin:0 0 24px}.nu-dry-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.nu-dry-benefits article{padding:24px;background:var(--blue);border-radius:24px}.nu-dry-benefits h3{font-size:24px}.nu-dry-benefits p{font-size:18px;margin:0}.nu-range-subscribe{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--navy);color:var(--blue);border-radius:24px;margin:24px auto;padding:32px}.nu-range-subscribe h2,.nu-range-subscribe p{color:var(--blue)}.nu-range-subscribe .btn{background:var(--blue);color:var(--navy);border-color:var(--blue);flex-shrink:0}.nu-range-serving ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none}.nu-range-serving li{display:flex;gap:12px;padding:24px;border-radius:24px;background:var(--blue)}.nu-range-serving p{margin:0}.nu-range-questions details{border-bottom:1px solid var(--line);padding:0}.nu-range-questions summary{min-height:56px;padding:16px 0;font:600 18px/1.4 var(--body-font)}.nu-range-trial{margin:24px auto;padding:32px;background:var(--blue);border-radius:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.nu-range-trial h2{font-size:28px}.nu-range-trial p{color:var(--navy);font:600 20px/1.4 var(--body-font)} .shop-page{padding-block:40px}.shop-page>.eyebrow{display:block;margin-bottom:12px}.shop-page .shop-title{font-size:48px;margin-bottom:16px}.shop-page>.brand-accent{display:none}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 32px}.shop-page>.grid,.nu-range-recipes>.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.recipe-card .nu-review-badge{margin-block:4px}.recipe-card .card-body .nu-card-unit{margin-top:auto}.recipe-card .nu-purchase-options{border:0;padding:0;margin:0 0 16px}.recipe-card .nu-purchase-options label{background:white;color:var(--navy);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:10px}.recipe-card .nu-purchase-options label:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.recipe-card .nu-purchase-options label :is(span,strong,b,small){color:var(--navy)}.recipe-card .nu-purchase-options :is(strong,b){font:600 18px/1.4 var(--body-font)}.recipe-card .nu-purchase-options small{font-size:16px}.recipe-card .nu-card-sub-note{font-size:16px} /* Product detail: neutral media, direct title and price, one purchase panel. */ .product-page{padding-block:32px;background:var(--paper)}.product-page .back{margin-bottom:24px}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:start}.product>.nu-product-overview{grid-column:2;grid-row:1;background:none;padding:0 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--navy)}.nu-product-overview .eyebrow{display:block;font-size:16px;margin-bottom:12px}.nu-product-overview h1{font:600 42px/1.1 var(--heading-font);color:var(--navy);margin:0 0 16px}.nu-product-overview #productprice{font:700 28px/1.2 var(--body-font);color:var(--navy);margin:20px 0 8px}.nu-product-overview .nu-pdp-unit{font-size:16px;margin:0}.product>.product-gallery{grid-column:1;grid-row:1 / span 3;min-width:0}.product>.product-purchase{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:24px;min-width:0}.product .product-information{grid-column:1 / -1}.product-gallery .gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:flex-start;position:relative;border-radius:24px;max-width:100%}.gallery-track>.gallery-slide{background:var(--white);flex:0 0 100%;min-width:100%;margin:0;scroll-snap-align:start}.product-gallery :is(.bigimage,.gallery-food){width:100%;height:520px;min-height:0;padding:24px;background:var(--white);border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-gallery :is(img,svg.packvisual){mix-blend-mode:normal;filter:none;opacity:1;object-fit:contain;max-width:100%;max-height:100%}.product-gallery .bigimage>:is(img,svg.packvisual){width:100%;height:100%;padding:0}.product-gallery figcaption{font-size:16px;padding:12px 0;color:var(--muted)}.gallery-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.gallery-hint{font-size:16px;color:var(--muted)}.fresh-recipe-navigation{margin:0 0 16px}.fresh-recipe-navigation p{font-size:16px;margin:0 0 8px}.fresh-recipe-navigation{display:block}.fresh-recipe-navigation>div{display:flex;gap:8px;flex-wrap:wrap}.nu-product-intro{display:block}.product-personal-line{display:none}.nu-product-benefits{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:16px 0}.nu-product-benefits li{font:400 16px/1.4 var(--body-font);padding:8px 12px;border:0;border-radius:12px;background:var(--blue);color:var(--navy)}.suitability-badge{display:block;font-size:16px;background:transparent;padding:0;border:0;border-radius:0;margin:0 0 12px}.nu-range-fit{background:transparent;border:0;border-radius:0;padding:16px 0;margin:0;color:var(--navy)}.nu-range-fit h2{font-size:26px;margin-bottom:12px}.nu-range-fit p{font-size:18px}.purchase-panel{display:grid;grid-template-columns:1fr;gap:16px;padding:24px;background:var(--blue);border:1px solid var(--line);border-radius:24px;box-shadow:none}.purchase-panel>.field{display:flex;flex-direction:column;gap:8px;margin:0}.purchase-panel select{width:100%}.purchase-panel .btn{width:100%}.purchase-panel :is(.selected-savings,.nu-duplicate-saving):empty{display:none}.purchase-panel .purchase-guidance{margin:0;font-size:16px}.product-information{background:white;border:1px solid var(--line);border-radius:24px;padding:32px;margin-top:24px}.product-information h2{font-size:40px}.product-information details{border-bottom:1px solid var(--line);padding:0}.product-information .detailsbody{padding:0 0 24px;font-size:18px}.product-information summary{font:600 18px/1.4 var(--body-font);min-height:56px;padding:16px 0}.mobile-purchase-bar{background:var(--navy);color:white;border:0}.mobile-purchase-bar .btn{background:white;color:var(--navy);border-color:white}.mobile-purchase-bar .sticky-edit{color:white} /* Feeding guide is a single, progressive card. */ .nu-mixed{background:var(--paper);padding:48px 32px}.nu-mixed::before,.nu-mixed::after{display:none}.nu-mixed>.wrap{max-width:840px;padding:32px;margin:auto;background:var(--blue);border:1px solid var(--line);border-radius:24px;overflow:hidden}.nu-mixed-heading{text-align:left;padding:0 0 24px;margin:0;border-bottom:1px solid var(--line)}.nu-mixed-heading .eyebrow{margin:0 0 12px;font-size:16px}.nu-mixed-heading h2{font-size:36px;line-height:1.12;max-width:22ch;margin:0 0 16px}.nu-mixed-heading>p:last-child{font-size:18px;margin:0;max-width:52ch}.nu-feeding-widget{background:none;border:0;border-radius:0;padding:24px 0 0;margin:0;box-shadow:none}.nu-mix-calc,.nu-feed-step{display:block}.nu-mix-calc{scroll-margin-top:24px}.nu-step-progress{display:inline-flex;background:var(--navy);color:white;border-radius:999px;padding:6px 14px;font:600 16px/1.4 var(--body-font);margin:0 0 20px}.nu-feed-step h3{font:700 30px/1.15 var(--heading-font);margin:0 0 24px}.nu-calc-top{display:block}.nu-mix-weight{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;font-size:18px}.nu-mix-weight input{width:140px}.nu-feeding-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nu-feeding-choice{display:flex;align-items:center;justify-content:center;min-height:80px;padding:16px 10px;border:1px solid var(--navy);border-radius:16px;background:white;color:var(--navy)}.nu-feeding-choice[aria-pressed=true]{background:var(--navy);color:white}.nu-choice-label{font:700 18px/1.25 var(--heading-font);text-align:center}.nu-split-note{font-size:16px;line-height:1.5;margin:16px 0}.nu-step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.nu-guide-export{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.nu-guide-export p{font-size:16px}.nu-mix-note{font-size:16px;margin-top:24px}.nu-feed-card p{font-size:16px;line-height:1.5}.nu-feed-card{background:white;border:0;border-radius:16px;padding:24px}.nu-simple-estimate{display:grid;gap:16px;margin:24px 0;background:transparent;padding:0;border:0;border-radius:0}.nu-simple-estimate>div{display:flex;justify-content:space-between;gap:24px;background:transparent;padding:0 0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0}.nu-simple-estimate dt{font-size:16px}.nu-simple-estimate dd{margin:0;font:600 20px/1.3 var(--body-font)} /* Review and journal carousels share one visual card family. */ .nu-loox-preview{background:var(--blue);color:var(--navy);padding:0}.nu-review-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:16px}.nu-review-heading h2{font-size:40px;line-height:1.12;margin:12px 0 16px;max-width:20ch}.nu-review-controls{display:flex;gap:12px}.nu-review-controls button{width:44px;height:44px;border:1px solid var(--navy);border-radius:50%;background:white;color:var(--navy);font-size:22px}.nu-review-disclosure{font-size:16px;margin-bottom:24px}.nu-review-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0 0 16px;align-items:stretch}.nu-review-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 48px)/3);min-width:0;background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;scroll-snap-align:start;box-shadow:none}.nu-review-media{display:block;position:relative;width:100%;aspect-ratio:4/3;border:0;padding:0;background:white;overflow:hidden}.nu-review-media img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal}.nu-review-media img.nu-review-pack{object-fit:contain;padding:20px}.nu-review-copy{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}.nu-review-copy h3{font:600 24px/1.2 var(--heading-font);margin:0}.nu-review-copy blockquote{font:400 18px/1.5 var(--body-font);margin:0}.nu-review-product{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);min-height:44px;margin-top:auto;padding-top:16px;font:400 16px/1.4 var(--body-font)}.nu-review-rating{color:var(--navy);font-size:20px}.nu-review-sample-caption{font-size:16px}.nu-review-bottom{display:flex;justify-content:space-between;gap:16px;font-size:16px;margin-top:16px}.journal-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.journal-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}.journal-card>a{display:flex;flex-direction:column;height:100%}.journal-card>a>img{width:100%;height:220px;object-fit:cover;display:block}.journal-copy{display:flex;flex:1;flex-direction:column;gap:16px}.journal-copy .textlink{margin-top:auto}.journal-controls{display:flex;gap:12px;align-items:center;margin-top:16px}.clean-journal-hint{margin-right:auto;font-size:16px} /* Editorial and FAQ components. */ .clean-review-section{background:var(--blue);padding-block:48px}.clean-review-layout h2,.clean-reviews h2,.clean-journal h2,.clean-faq h2{font-size:40px}.clean-journal{background:var(--paper);padding-block:48px}.journal-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;box-shadow:none}.journal-copy{padding:24px}.journal-copy h3{font:600 24px/1.2 var(--heading-font);min-height:0}.clean-faq-section{background:var(--blue)}.clean-faq{max-width:1000px}.clean-faq h2>span{font:inherit}.clean-faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0;margin:0}.clean-faq summary{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px 0;font:600 18px/1.4 var(--body-font)}.clean-faq .detailsbody{padding:0 0 24px}.clean-faq p{font-size:18px}.clean-faq .clean-quiet-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font:400 16px/1.4 var(--body-font)} } @layer components { @media(max-width:1100px){#app>header .desktop-navigation{gap:14px;font-size:16px}#app>header .desktop-navigation .account-link{display:none}} @media(max-width:850px){ .wrap{padding:32px 20px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}body{font-size:18px} #app>header{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);grid-template-rows:64px;gap:8px;height:88px;min-height:88px;padding:12px 20px;position:relative;top:auto;transform:none;transition:none} #app>header .header-brand{grid-column:1;grid-row:1;width:124px;min-width:0;height:56px;flex:initial;justify-self:start}#app>header .packaging-logo-tab{width:124px;height:56px}#app>header img.logo{width:124px;height:56px}#app>header .desktop-navigation{display:contents}#app>header .desktop-navigation>a:not(.bag){display:none}#app>header .desktop-navigation .search-launcher{position:static;grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;margin:0;border:0;background:var(--blue);color:var(--navy);border-radius:50%}#app>header .search-launcher span{display:none}#app>header .search-launcher svg{width:22px;height:22px} #app>header .mobile-navigation{display:block;position:static;grid-column:3;grid-row:1;width:44px;height:44px;padding:0;margin:0;border:0;min-height:0}#app>header .mobile-navigation>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:var(--blue);color:var(--navy);border:0;border-radius:50%;list-style:none;min-height:44px}#app>header .mobile-navigation>summary::after{display:none}#app>header .mobile-navigation>summary svg{width:24px;height:24px} #app>header .desktop-navigation .bag{grid-column:4;grid-row:1;display:block;position:relative;width:44px;height:44px;min-height:44px;padding:0;margin:0;font-size:0;border:0;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102039' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") center/24px no-repeat}#app>header .bag::after{font:600 12px/18px var(--body-font);background:var(--navy);color:white;position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 3px;border-radius:50%;content:attr(data-count);text-align:center} #app>header .mobile-menu-panel{position:absolute;top:100%;left:0;right:0;z-index:45;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 20px 24px;margin:0;width:100%;max-height:calc(100dvh - 128px);overflow-y:auto;color:var(--navy);box-shadow:none}#app>header .mobile-menu-panel>a{min-height:48px;padding:12px 0;margin:0;border-bottom:1px solid var(--line);font:500 18px/1.4 var(--body-font);color:var(--navy)}#app>header .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between}.mobile-menu-close{width:44px;height:44px;background:transparent;color:var(--navy);border:0;font-size:28px}.range-navigation{display:none} #app>footer.compact-footer{padding:32px 20px 180px}#app>footer.compact-footer::after{width:118vw;height:540px;right:-9%;bottom:-155px;opacity:.14}#app>footer .footer-top{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}#app>footer .footerlinks{order:0;display:block}#app>footer .footer-brand{order:1;padding:8px 0 0;gap:16px}#app>footer .footer-link-group{border-bottom:1px solid color-mix(in srgb, var(--palette-denim) 25.1%, transparent)}#app>footer .footer-link-group summary{display:flex;align-items:center;justify-content:space-between;pointer-events:auto;cursor:pointer;padding:20px 0;min-height:64px;font-size:22px}#app>footer .footer-link-group summary::after{display:block;content:'+';font-weight:400}#app>footer .footer-link-group[open] summary::after{content:'−'}#app>footer .footer-group-links{padding:0 0 16px}#app>footer .footer-newsletter-toggle>summary{font-size:20px;padding:20px 0;gap:16px}#app>footer .footer-newsletter{display:block}#app>footer .footer-bottom>div{display:flex;flex-direction:column;gap:0;width:100%}#app>footer .footer-bottom a{min-height:44px}#app>footer .footer-social :is(a,button){min-width:44px;min-height:44px} .chat-launcher{width:44px;height:44px;min-height:44px;right:10px;bottom:12px}.has-purchase-bar .chat-launcher{bottom:100px} } } @layer templates { @media(max-width:850px){ .nu-door-emotional-hero{height:780px;min-height:780px}.nu-door-emotional-art img{object-position:88% top}.nu-door-emotional-hero::after{background:linear-gradient(0deg,var(--palette-navy) 0%,color-mix(in srgb, var(--palette-navy) 90.2%, transparent) 22%,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 60%,transparent 100%)}.nu-door-emotional-copy{width:100%;max-width:none;min-height:100%;padding:320px 24px 88px;justify-content:flex-end;gap:0}.nu-door-origin{font-size:20px;margin-bottom:20px}#nu-door-title,.nu-heritage-title{font-size:40px;max-width:14ch;margin-bottom:20px}.nu-door-intro{font-size:18px;margin-bottom:24px}.nu-hero-cta{width:100%;max-width:360px;min-height:56px;min-width:0}.nu-hero-controls{left:24px;bottom:20px}.nu-hero-scotland .nu-door-emotional-art img{object-position:80% top} .home-page .nu-range-intro{padding:32px 20px 24px}.home-page .nu-range-intro h2{font-size:32px}.home-page .nu-door-grid{grid-template-columns:1fr;padding:0 20px;gap:20px}.home-page .nu-door-panel{display:flex;flex-direction:column;gap:0;padding:24px;min-height:0}.home-page .nu-door-mark{width:64px;height:64px;margin-bottom:16px}.home-page .nu-door-mark svg{width:36px;height:36px}.home-page .nu-door-panel h2{font-size:28px;min-height:0;margin:16px 0 24px}.home-page .nu-door-panel .btn{margin-top:0}.home-page .nu-door-mix{margin:20px 20px 0;padding:24px;display:block}.home-page .nu-door-mix h2{font-size:26px}.home-page .nu-door-mix .textlink{margin-top:12px}.home-page .nu-natural-promise{width:100%;max-width:none;margin:0;padding:32px 20px}.home-page .nu-natural-intro{display:flex;flex-direction:column;width:100%;padding:24px;gap:16px}.nu-natural-intro>h2{font-size:32px}.nu-natural-intro>.nu-thrive-photo{order:5;height:260px;min-height:0}.nu-natural-intro .nu-honest-claims{grid-template-columns:minmax(0,1fr);gap:12px;margin:4px 0 0;width:100%}.nu-natural-intro .nu-honest-claims li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.4;margin:0;padding:0;border:0}.nu-natural-intro .nu-honest-claims li::before{flex:0 0 20px;width:20px;height:22px;background:none;font-size:16px}.nu-natural-intro>.flow-kicker{font-size:13px;line-height:1.4}.nu-natural-intro>.nu-honest-headline{font-size:20px}.nu-natural-intro>.nu-honest-copy{font-size:17px;line-height:1.5}.nu-door-extras{padding-block:32px}.nu-door-extras h2{font-size:30px}.nu-door-extras>div{grid-template-columns:1fr}.nu-door-extras a{min-height:64px;padding:20px} .nu-range-door-hero{padding-block:24px}.nu-range-door-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}.nu-range-door-grid h1{font-size:40px;margin:16px 0 24px}.nu-range-door-grid .lead{font-size:18px}.nu-range-door-grid>img{height:300px;padding:24px}.nu-range-door-grid>img[src*='fresh-mixed']{height:190px;padding:8px}.nu-range-door-actions .btn{width:100%}.nu-range-journey{padding-block:20px}.nu-range-journey ol{grid-template-columns:1fr;gap:16px;padding:20px}.nu-dry-story,.nu-range-recipes,.nu-range-serving,.nu-range-questions,.nu-range-crosslink{padding-block:24px}.nu-range-landing section>h2{font-size:30px}.nu-dry-benefits{grid-template-columns:1fr;gap:16px}.nu-dry-benefits article{padding:24px}.nu-range-subscribe,.nu-range-trial{flex-direction:column;align-items:stretch;gap:24px;border-radius:0;margin:24px 0;padding:32px 20px}.nu-range-subscribe h2{font-size:30px}.nu-range-serving ol{grid-template-columns:1fr;gap:16px}.nu-range-serving li{padding:20px}.nu-range-trial h2{font-size:28px} .shop-page{padding-block:24px}.shop-page .shop-title{font-size:36px}.shop-page>.eyebrow{font-size:16px}.filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;margin:24px 0}.filters .chip{flex-shrink:0}.shop-page>.grid,.nu-range-recipes>.grid{grid-template-columns:1fr;gap:24px}.recipe-card>.productimage{height:240px;min-height:240px;flex-basis:240px}#main .recipe-card>.productimage{height:240px;min-height:240px;flex-basis:240px;padding:20px}#main .recipe-card .card-body,#main .recipe-card :is(.treat-quick-buy,.card-purchase-choices){padding:20px}#main .recipe-card .card-body h3,#main .recipe-card .card-body h3 a{font-size:26px}.recipe-card .nu-review-badge{gap:8px} .product-page{padding-block:24px}.product{display:flex;flex-direction:column;gap:24px}.product>.nu-product-overview{order:0;width:100%;padding:0 0 20px}.nu-product-overview h1{font-size:32px}.product>.product-gallery{order:1;width:100%}.product>.product-purchase{order:2;width:100%}.product-gallery :is(.bigimage,.gallery-food){height:360px;padding:20px}.product-gallery .gallery-track{border-radius:24px}.fresh-recipe-navigation>div{gap:8px}.gallery-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.gallery-tabs button{flex-shrink:0}.product-information{padding:24px 20px;margin-top:8px}.product-information h2{font-size:30px}.purchase-panel{padding:20px}.nu-range-fit h2{font-size:24px}.mobile-purchase-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;padding:12px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between}.mobile-purchase-bar>div{min-width:0}.mobile-purchase-bar .btn{min-height:48px;padding:12px 18px;font-size:16px}.has-purchase-bar{padding-bottom:88px} .nu-mixed{padding:32px 20px}.nu-mixed>.wrap{padding:24px}.nu-mixed-heading h2{font-size:30px}.nu-mixed-heading>p:last-child{font-size:16px}.nu-feed-step h3{font-size:26px}.nu-mix-weight{flex-direction:column;align-items:flex-start;gap:10px}.nu-feeding-selector{gap:8px}.nu-feeding-choice{padding:14px 8px;min-height:76px}.nu-choice-label{font-size:18px}.nu-step-actions{flex-wrap:wrap;gap:12px}.nu-feed-step>.nu-step-next{width:100%}.nu-simple-estimate>div{flex-direction:column;gap:4px}.nu-feed-card{padding:20px}.nu-mixed-heading .eyebrow{font-size:16px} .nu-review-heading{align-items:flex-start;gap:16px;flex-direction:column}.nu-review-heading h2{font-size:30px;max-width:22ch}.nu-review-card,.journal-card{flex-basis:min(85vw,340px)}.nu-review-copy{padding:20px}.nu-review-copy h3{font-size:22px}.nu-review-media{aspect-ratio:4/3}.nu-review-track,.journal-track{gap:16px}.journal-card>a>img{height:200px} .clean-review-section,.clean-journal{padding-block:32px}.clean-review-layout h2,.clean-reviews h2,.clean-journal h2,.clean-faq h2{font-size:30px}.journal-copy{padding:20px}.journal-copy h3{font-size:22px}.clean-faq summary{min-height:64px}.clean-faq p{font-size:18px} } @media(max-width:370px){#app>header{padding-inline:16px;gap:6px}#app>header .header-brand,#app>header .packaging-logo-tab,#app>header img.logo{width:112px}#nu-door-title,.nu-heritage-title{font-size:36px}.nu-choice-label{font-size:16px}.nu-step-actions .nu-step-back{min-width:96px;padding-inline:16px}.nu-step-actions .nu-step-next{padding-inline:16px;font-size:17px}.nu-mixed>.wrap{padding:20px}} } @layer states { [hidden],.nu-feed-step[hidden],.nu-hero-slide[hidden],.mobile-navigation:not([open])>.mobile-menu-panel{display:none!important} #range-doors:focus,#nu-range-recipes-title:focus,.nu-feed-step h3:focus{outline:none} :focus-visible{outline:3px solid var(--navy);outline-offset:4px} .nu-hero-carousel :focus-visible,footer :focus-visible{outline-color:var(--blue)} button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed} @media(hover:hover){.btn:hover,.card-action:hover,.nu-step-next:hover{background:var(--navy);border-color:var(--navy);opacity:.88;box-shadow:none;transform:none}.nu-hero-cta:hover,.nu-range-subscribe .btn:hover{background:white;color:var(--navy);border-color:white}.chip:hover{border-color:var(--navy)}footer a:hover{text-decoration:underline;text-underline-offset:4px}.recipe-card:hover{transform:none;box-shadow:none}.recipe-card>.productimage:hover img{transform:none}} @media(max-width:850px){#app>footer .footer-link-group:not([open])>.footer-group-links{display:none}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms;animation-iteration-count:1}} } /* Homepage campaign: dimensions follow the owner's supplied mobile reference. */ .nu-hero-subscribe .nu-door-emotional-art img{object-position:right center} .nu-hero-subscribe::after{background:linear-gradient(90deg,var(--palette-navy) 0%,color-mix(in srgb, var(--palette-navy) 96.08%, transparent) 28%,color-mix(in srgb, var(--palette-navy) 50.2%, transparent) 42%,transparent 58%)} .nu-hero-subscribe .nu-door-emotional-copy{width:48%;padding-right:32px} .nu-hero-subscribe .nu-heritage-title{max-width:13ch} body:has(.home-page) #app>header{flex-direction:row;flex-wrap:nowrap;background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 70.2%, transparent),color-mix(in srgb, var(--palette-navy) 0.0%, transparent));color:var(--white);border:0;margin-bottom:-104px;z-index:40} body:has(.home-page) #app>.range-navigation{display:none} body:has(.home-page) #app>header .desktop-navigation>a{color:var(--white)} body:has(.home-page) #app>header .desktop-navigation :is(.search-launcher,.bag){background:transparent;color:var(--white);border-color:color-mix(in srgb, var(--palette-cream) 40.0%, transparent)} body:has(.home-page) #app>header .mobile-menu-panel{color:var(--navy);background:var(--paper)} .nu-hero-carousel .nu-hero-controls{gap:0} .nu-hero-carousel .nu-hero-controls button[data-hero-prev],.nu-hero-carousel .nu-hero-controls button[data-hero-next]{display:none} .nu-hero-carousel .nu-hero-controls button[data-hero-dot]{width:32px;min-width:32px;border:0;background:transparent} .nu-hero-carousel .nu-hero-controls button[data-hero-dot]::after{width:6px;height:6px;border:0;background:color-mix(in srgb, var(--palette-panel) 40.0%, transparent)} .nu-hero-carousel .nu-hero-controls button[aria-current=true]::after{width:26px;height:6px;background:var(--blue);border-radius:8px} @media(max-width:850px){ body:has(.home-page) #app>header{display:flex;height:88px;min-height:88px;margin-bottom:-88px;padding:16px 24px;gap:12px;align-items:center;justify-content:space-between} body:has(.home-page) #app>header .header-brand{order:0;position:static;width:112px;height:56px;min-height:0;flex:0 0 112px;align-self:center} body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo{width:112px;height:56px;min-height:0;padding:0;align-self:center} body:has(.home-page) #app>header .nu-header-primary{order:1;position:static;display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:auto;max-width:220px;height:56px;min-height:56px;padding:12px 16px;margin:0;border:0;border-radius:999px;background:var(--blue);color:var(--navy);font:700 18px/1.2 var(--heading-font);white-space:nowrap;text-decoration:none;transform:none} body:has(.home-page) #app>header .mobile-navigation{order:2;position:static;display:block;flex:0 0 44px;width:44px;height:44px;margin:0;align-self:center} body:has(.home-page) #app>header .mobile-navigation>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:8px;background:transparent;color:var(--white);border:0;border-radius:0} body:has(.home-page) #app>header .desktop-navigation,body:has(.home-page) #app>header .desktop-navigation>*{display:none} body:has(.home-page) #app>header .mobile-menu-panel{top:88px} .nu-hero-carousel .nu-hero-slide{display:block;height:650px;min-height:650px;background:var(--navy)} .nu-hero-carousel .nu-door-emotional-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:var(--navy)} .nu-hero-carousel .nu-door-emotional-art img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:80% top;transform:none} .nu-hero-carousel .nu-hero-slide::after{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 14.9%, transparent) 22%,color-mix(in srgb, var(--palette-navy) 50.2%, transparent) 39%,color-mix(in srgb, var(--palette-navy) 70.2%, transparent) 65%,color-mix(in srgb, var(--palette-navy) 80.0%, transparent) 100%);pointer-events:none} .nu-hero-carousel .nu-door-emotional-copy{position:absolute;z-index:2;inset:218px 0 auto;display:flex;width:100%;max-width:none;min-height:0;padding:0 28px;justify-content:flex-start;gap:0} .nu-hero-carousel #nu-door-title,.nu-hero-carousel .nu-heritage-title{font-size:42px;line-height:1.06;max-width:100%;margin:0 0 20px} .nu-hero-carousel #nu-door-title{max-width:14ch} .nu-hero-carousel .nu-door-intro{font-size:20px;line-height:1.45;max-width:100%;margin:0 0 28px} .nu-hero-carousel .nu-scottish-flag{width:30px;height:20px;margin-right:6px} .nu-hero-carousel .nu-hero-cta{width:auto;min-width:250px;max-width:100%;align-self:flex-start;min-height:60px;padding:16px 24px;font-size:20px;margin:0} .nu-hero-carousel .nu-hero-controls{left:24px;bottom:12px;gap:0} .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-copy{top:248px} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art{background:var(--white)} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{position:absolute;top:88px;right:0;width:155%;max-width:none;height:230px;object-fit:contain;object-position:right top} .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 80.0%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 20.0%, transparent) 15%,color-mix(in srgb, var(--palette-navy) 0.0%, transparent) 24%,color-mix(in srgb, var(--palette-navy) 12.55%, transparent) 39%,color-mix(in srgb, var(--palette-navy) 85.1%, transparent) 49%,var(--palette-navy) 58%)} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-copy{top:322px} .nu-hero-carousel .nu-hero-subscribe .nu-heritage-title{font-size:36px;line-height:1.06;max-width:100%;margin-bottom:16px} .nu-hero-carousel .nu-hero-subscribe .nu-door-intro{font-size:18px;line-height:1.45;margin-bottom:24px} body:has(.home-page) .chat-launcher{bottom:max(16px,env(safe-area-inset-bottom));right:16px;width:44px;height:44px;min-height:44px} } @media(max-width:390px){ body:has(.home-page) #app>header{padding-inline:20px;gap:8px} body:has(.home-page) #app>header .header-brand{flex-basis:96px;width:96px} body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo{width:96px} body:has(.home-page) #app>header .nu-header-primary{padding-inline:12px;font-size:16px} .nu-hero-carousel .nu-door-emotional-copy{padding-inline:24px} .nu-hero-carousel #nu-door-title,.nu-hero-carousel .nu-heritage-title{font-size:38px} .nu-hero-carousel .nu-door-intro{font-size:18px} .nu-hero-carousel .nu-hero-subscribe .nu-heritage-title{font-size:34px} } /* Ingredient promise: single mobile gutter, compact copy and landscape photo. */ .home-page .nu-natural-intro>.flow-kicker{font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none} @media(max-width:850px){ .home-page .nu-natural-promise{padding:24px 16px} .home-page .nu-natural-promise>.wrap{width:100%;max-width:none;padding:0;margin:0} .home-page .nu-natural-intro{width:100%;max-width:none;padding:20px;margin:0;gap:14px;border-radius:24px} .home-page .nu-natural-intro>h2{font-size:32px;line-height:1.08;margin:0;width:100%} .home-page .nu-natural-intro>.flow-kicker{font-size:16px;margin:0} .home-page .nu-natural-intro>.nu-honest-copy{font-size:18px;line-height:1.45;margin:0} .home-page .nu-natural-intro .nu-honest-claims{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;width:100%} .home-page .nu-natural-intro .nu-honest-claims li{font-size:18px;line-height:1.4;min-height:0;gap:8px;margin:0;padding:0} .home-page .nu-natural-intro>.nu-thrive-photo{width:100%;height:180px;min-height:180px;flex:0 0 180px;margin:2px 0 0;border-radius:16px;overflow:hidden} .home-page .nu-natural-intro>.nu-thrive-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%} .home-page .nu-natural-promise .nu-complete-note{font-size:16px;line-height:1.45;margin:16px auto 8px} } /* Desktop navigation and the full-screen mobile drawer are independent. */ #app>header .desktop-navigation,#app>header .desktop-navigation :is(a,button,span),#app>.range-navigation,#app>.range-navigation a{font-family:var(--body-font);font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;font-synthesis:none} #app>header .nu-header-primary{font-family:var(--heading-font);font-weight:700;font-synthesis:none} .nu-mobile-drawer:not([open]){display:none} .nu-mobile-drawer[open]{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;width:100vw;max-width:none;min-width:0;height:100dvh;max-height:none;margin:0;padding:max(20px,env(safe-area-inset-top)) 24px max(16px,env(safe-area-inset-bottom));overflow:hidden;box-sizing:border-box;border:0;border-radius:0;background:var(--white);color:var(--navy);box-shadow:none;transform:translateX(0)} .nu-mobile-drawer::backdrop{background:transparent} .nu-mobile-drawer .nu-drawer-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex:0 0 72px;gap:24px;width:100%;padding:0;margin:0 0 20px} .nu-mobile-drawer .nu-drawer-brand{display:flex;align-items:center;width:144px;height:64px;min-height:44px;padding:0;margin:0;background:transparent;border:0} .nu-mobile-drawer .nu-drawer-brand img{display:block;width:144px;height:64px;max-width:100%;object-fit:contain;filter:none;transform:none} .nu-mobile-drawer .nu-drawer-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--navy);box-shadow:none} .nu-mobile-drawer .nu-drawer-close svg{display:block;width:22px;height:22px} .nu-mobile-drawer .nu-drawer-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;margin:0;width:100%} .nu-mobile-drawer .nu-drawer-group{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;width:100%;min-width:0;padding:0;margin:0;border:0;columns:auto} .nu-mobile-drawer .nu-drawer-label{font:600 12px/1.4 var(--body-font);text-transform:uppercase;letter-spacing:.08em;color:var(--navy);margin:0 0 8px;padding:0;opacity:.7} .nu-mobile-drawer .nu-drawer-explore>a{display:flex;align-items:center;flex:none;min-height:44px;width:100%;padding:5px 0;margin:0;border:0;border-radius:0;background:transparent;color:var(--navy);font:700 26px/1.2 var(--heading-font);letter-spacing:0;white-space:normal;text-align:left;text-decoration:none;font-synthesis:none} .nu-mobile-drawer .nu-drawer-more{margin-top:28px} .nu-mobile-drawer .nu-drawer-more>a{display:flex;align-items:center;flex:none;min-height:38px;padding:6px 0;margin:0;width:100%;border:0;background:transparent;color:var(--navy);font:600 18px/1.4 var(--body-font);text-align:left;text-decoration:none;white-space:normal} .nu-mobile-drawer .nu-drawer-actions{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;flex:none;gap:12px;padding:20px 0 0;margin-top:auto;width:100%;background:var(--white)} .nu-mobile-drawer .nu-drawer-actions>a{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;padding:12px 20px;margin:0;border:1px solid var(--navy);border-radius:999px;color:var(--navy);background:var(--white);font:700 18px/1.3 var(--heading-font);letter-spacing:0;text-transform:none;text-decoration:none} .nu-mobile-drawer .nu-drawer-actions>.nu-drawer-primary{background:var(--navy);color:var(--white)} .nu-mobile-drawer :focus-visible{outline:2px solid var(--navy);outline-offset:3px} body.mobile-drawer-open{overflow:hidden} body.mobile-drawer-open .chat-launcher{display:none} @media(max-width:850px){ #app>header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:50%;background:var(--blue);color:var(--navy)} #app>header .mobile-menu-toggle svg{display:block;width:24px;height:24px} body:has(.home-page) #app>header .mobile-menu-toggle{background:transparent;color:var(--white);border-radius:0} #app>header .desktop-navigation .bag{font-size:0} } @media(max-width:370px){.nu-mobile-drawer[open]{padding-inline:20px}.nu-mobile-drawer .nu-drawer-explore>a{font-size:24px}} /* Type over an invisible full sentence so every frame keeps the same geometry. */ .nu-hero-carousel .nu-door-typing .nu-typing-reserve{display:block;visibility:visible;font:inherit;color:inherit;letter-spacing:inherit;white-space:normal} .nu-hero-carousel .nu-door-typing .nu-typing-output{display:none;position:absolute;inset:0;font:inherit;color:inherit;letter-spacing:inherit;white-space:normal} .nu-hero-carousel .nu-door-typing.is-typing .nu-typing-reserve{visibility:hidden} .nu-hero-carousel .nu-door-typing.is-typing .nu-typing-output{display:block} .nu-hero-carousel .nu-door-typing.is-typing .nu-typing-output::after{content:'';display:inline-block;height:.9em;border-right:2px solid currentColor;margin-left:3px;vertical-align:-.05em} @media(prefers-reduced-motion:reduce){ .nu-hero-carousel .nu-door-typing.is-typing .nu-typing-reserve{visibility:visible} .nu-hero-carousel .nu-door-typing.is-typing .nu-typing-output{display:none} } /* Audit correction: shared typography and compact commerce components. */ #app :is(p,li,a,span,small,nav,label,summary,input,select,textarea,button,strong,b,figcaption){font-family:var(--body-font);font-synthesis:none} #app :is(h1,h2,h3,h4),#app :is(h1,h2,h3,h4) :is(a,span),#app :is(.btn,.card-action,.nu-hero-cta,.nu-header-primary),#app .nu-drawer-explore>a,#app .nu-drawer-actions>a{font-family:var(--heading-font);font-weight:700} #app .nu-door-typing :is(span,.nu-typing-reserve,.nu-typing-output){font:inherit;letter-spacing:inherit} #main .recipe-card .bundle-recommendation{font:600 16px/1.4 var(--body-font);padding:8px 12px;white-space:normal;background:var(--blue);color:var(--navy);border:0;border-radius:12px} #main .recipe-card .card-body{flex:0 0 auto;gap:8px;padding:20px} #main .recipe-card .card-body h3,#main .recipe-card .card-body h3 a{font:700 26px/1.15 var(--heading-font)} #main .recipe-card .card-pricing{padding-top:12px;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline} #main .recipe-card .nu-card-unit{margin:0;font-size:16px} #main .recipe-card .card-offer-terms{width:100%;min-height:44px;display:flex;align-items:center;font-size:16px} #main .recipe-card :is(.treat-quick-buy,.card-purchase-choices){padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:var(--white)} #main .recipe-card .nu-card-purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0;border:0;min-width:0} #main .recipe-card .nu-card-purchase-options legend{font:600 16px/1.4 var(--body-font);padding:0;margin-bottom:8px} #main .recipe-card .nu-card-purchase-options label{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;margin:0;min-width:0;min-height:80px;background:var(--white);color:var(--navy)} #main .recipe-card .nu-card-purchase-options label:has(input:checked){background:var(--blue);border-color:var(--navy)} #main .recipe-card .nu-card-purchase-options label input{flex:0 0 20px;margin:3px 0 0} #main .recipe-card .nu-card-purchase-options label span{display:flex;flex-direction:column;gap:4px;min-width:0} #main .recipe-card .nu-card-purchase-options :is(strong,b,small){font:400 16px/1.3 var(--body-font);white-space:normal} #main .recipe-card .nu-card-purchase-options small{display:none} #main .recipe-card .nu-card-flexibility{font-size:16px;line-height:1.4;margin:0} #main .recipe-card .purchase-shipping-note{font-size:16px;margin:0} #main .recipe-card .purchase-shipping-details{padding:0;border:0;margin:0;background:none} #main .recipe-card :is(.purchase-shipping-details,.nu-quick-options)>summary{font:400 16px/1.4 var(--body-font);min-height:44px;padding:10px 0} #main .recipe-card .treat-add-status:empty{display:none} #main .recipe-card .card-purchase-choices .card-action{min-height:48px} #main .recipe-card[data-pack-flavour=chicken]>.productimage{background:#F3E5D9} #main .recipe-card[data-pack-flavour=turkey]>.productimage{background:#F2EDF0} #main .recipe-card[data-pack-flavour=beef]>.productimage{background:#DDE5EC} #main .recipe-card[data-pack-flavour=lamb]>.productimage{background:#EDF2E6} #main .recipe-card[data-product-handle*=chicken-cold]>.productimage{background:#F3E5D9} #main .recipe-card[data-product-handle*=salmon-cold]>.productimage{background:#F3E4E0} #main .recipe-card[data-product-handle*=lamb-cold]>.productimage{background:#E8EFDE} #main .recipe-card[data-product-handle*=puppy]>.productimage{background:#EAE6F0} #main .recipe-card[data-product-handle*=rabbit]>.productimage{background:#F0E8D6} #main .recipe-card[data-product-handle*=duck]>.productimage{background:var(--palette-panel)} #main .recipe-card[data-product-handle*=venison]>.productimage{background:var(--palette-panel)} #main .recipe-card[data-product-handle*=fish]>.productimage{background:var(--palette-panel)} #main .recipe-card[data-product-handle*=salmon-oil]>.productimage{background:var(--palette-cream)} .product>.product-purchase{gap:16px} .product-purchase>.purchase-panel{order:0;scroll-margin-top:24px} .product-purchase>.nu-product-intro{order:1;padding:0;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;margin:0} .product-purchase>:not(.purchase-panel):not(.nu-product-intro){order:2} .product-purchase>.nu-product-intro>summary{font:600 18px/1.4 var(--body-font);min-height:56px;padding:16px 0} .product-purchase>.nu-product-intro .detailsbody{padding:0 0 16px} .product .purchase-panel{gap:12px} .product .purchase-options{display:grid;gap:8px;margin:0;padding:0;border:0} .product .purchase-options legend{font:600 18px/1.4 var(--body-font);margin-bottom:8px} .product .purchase-options>label{display:flex;align-items:flex-start;gap:12px;padding:12px;margin:0;min-height:0;border-radius:12px} .product .purchase-options label>span{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0} .product .purchase-options label :is(strong,b){font:600 18px/1.35 var(--body-font)} .product .purchase-options small{font-size:16px} .product .purchase-delivery{padding:12px 0 0;margin:0;border:0;background:none} .product .purchase-delivery :is(p,strong){font-size:16px;line-height:1.4} .product .nu-product-overview h1{font-weight:700} #app .finder .plan-fields,#app .finder .plan-fields>label,#app .finder fieldset{background:var(--paper);color:var(--navy)} #app .finder .plan-fields{padding:0;gap:16px} #app :is(.checkout-fields,.checkout-form,.trial-journey,.info-contact-form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-width:0} #app .nu-drawer-label{font-size:16px} #app .nu-drawer-more>a{min-height:44px} #app .nu-range-badge>span{font:700 28px/1.2 var(--heading-font)} .filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none} @media(max-width:850px){ #app>header{height:96px;min-height:96px;padding:12px 24px;gap:16px;display:flex;flex-wrap:nowrap} #app>header .header-brand{order:0;flex:0 0 104px;width:104px;height:64px} #app>header .packaging-logo-tab,#app>header img.logo{width:104px;height:64px} #app>header .nu-header-primary{order:1;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:56px;padding:12px 16px;border:0;border-radius:999px;background:var(--navy);color:var(--white);font:700 18px/1.2 var(--heading-font);text-decoration:none;white-space:normal;text-align:center} #app>header .mobile-navigation{order:2;display:flex;flex:0 0 44px} #app>header .desktop-navigation{display:none} body:has(.home-page) #app>header .nu-header-primary{background:var(--blue);color:var(--navy)} #app>.announce .announce-track span{font:400 16px/1.3 var(--body-font);white-space:nowrap} #app>.announce{height:40px;min-height:40px;overflow:hidden} .nu-hero-carousel .nu-door-emotional-copy,.nu-hero-carousel .nu-hero-scotland .nu-door-emotional-copy,.nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-copy{top:258px;padding:0 24px;width:100%} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art{background:var(--navy)} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% top} .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 40.0%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 20.0%, transparent) 20%,color-mix(in srgb, var(--palette-navy) 70.2%, transparent) 40%,color-mix(in srgb, var(--palette-navy) 92.16%, transparent) 65%,var(--palette-navy) 100%)} .nu-hero-carousel #nu-door-title,.nu-hero-carousel .nu-heritage-title,.nu-hero-carousel .nu-hero-subscribe .nu-heritage-title{font-size:40px;line-height:1.08;max-width:100%;margin-bottom:20px} .nu-hero-carousel .nu-door-intro,.nu-hero-carousel .nu-hero-subscribe .nu-door-intro{font-size:18px;line-height:1.45;margin-bottom:24px} .nu-hero-carousel .nu-hero-cta{min-height:56px} #main .recipe-card>.productimage{height:200px;min-height:200px;flex-basis:200px;padding:16px} #main .recipe-card .card-body{padding:16px 20px} #main .recipe-card :is(.treat-quick-buy,.card-purchase-choices){padding:12px 20px 20px} .product .product-gallery :is(.bigimage,.gallery-food){height:280px} .mobile-purchase-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,48%);gap:12px;padding:12px 16px} .mobile-purchase-bar>div{display:flex;flex-direction:column;gap:2px;min-width:0} .mobile-purchase-bar>div>strong{font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mobile-purchase-bar #sticky-price{position:static;display:block;font:600 16px/1.3 var(--body-font);white-space:normal} .mobile-purchase-bar #sticky-pack,.mobile-purchase-bar .sticky-edit{display:none} .mobile-purchase-bar .btn{width:100%;min-width:0;padding:12px;font-size:16px} } @media(max-width:390px){ #app>header{padding-inline:20px;gap:8px}#app>header .nu-header-primary{font-size:16px;padding-inline:12px} .nu-hero-carousel #nu-door-title,.nu-hero-carousel .nu-heritage-title,.nu-hero-carousel .nu-hero-subscribe .nu-heritage-title{font-size:36px} } /* Clear legacy positioning from all three header children. */ @media(max-width:850px){ #app>header :is(.header-brand,.nu-header-primary,.mobile-navigation){position:static;inset:auto;transform:none;margin:0;align-self:center} #app>header .header-brand{justify-content:flex-start} #app>.announce{height:48px;min-height:48px} #app>.announce .announce-track{display:block;width:100%;animation:none;transform:none;text-align:center} #app>.announce .announce-track span{display:block;width:100%;padding:0 16px;white-space:normal;line-height:1.3} #app>.announce .announce-track span+span{display:none} } #main .recipe-card .card-pricing{min-height:0;row-gap:4px;padding-top:8px} #main .recipe-card .card-price-context{display:none} #main .recipe-card .card-main-price{margin:0;min-height:0;line-height:1.2} #main .recipe-card .purchase-mode{display:flex;flex-direction:column;gap:6px;margin:0;font-size:16px} #main .recipe-card .purchase-mode select{width:100%;font-size:16px;min-height:48px;padding:10px 12px} #main .recipe-card .nu-quick-options{border:0;border-radius:0;padding:0;margin:0;background:none} #main .recipe-card .nu-quick-options>summary{margin:0;padding:10px 0;min-height:44px;line-height:24px} @media(max-width:850px){ #app>header{flex-direction:row} #app>header .header-brand{height:64px;min-height:0;max-height:64px;flex-basis:104px} } /* Light canvas between the photographic hero and the Promise panel. */ .home-page .nu-two-doors{background:var(--paper);color:var(--navy)} .home-page .nu-range-intro,.home-page .nu-door-mix,.home-page .nu-door-mix :is(h2,p,a){color:var(--navy)} @media(max-width:850px){ .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art{background:linear-gradient(180deg,var(--white) 0%,var(--white) 24%,var(--navy) 66%)} .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{inset:90px 0 auto;height:auto;width:100%;object-fit:contain;mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)} .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 50.2%, transparent) 0%,transparent 20%,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 35%,color-mix(in srgb, var(--palette-navy) 90.2%, transparent) 57%,var(--palette-navy) 100%)} } .home-page .nu-range-intro :is(h2,p,span){color:var(--navy)} .product .purchase-panel>:is(#trial-price,.purchase-delivery){padding:0;border:0;background:none;border-radius:0;margin:0} .product .purchase-panel>:is(#trial-price,.purchase-delivery)>summary{font:400 16px/1.4 var(--body-font);min-height:44px;padding:10px 0;margin:0} .product #trial-price{order:8} .product .purchase-delivery{order:9} .product .purchase-panel>.textlink{order:10} .product .purchase-panel>.subscription-terms{order:7} .product #purchase-confirmation:empty{display:none} @media(max-width:850px){ .product .purchase-panel{padding:16px;gap:12px} .product .purchase-options label :is(strong,b){font-size:16px} .product .purchase-options label{padding:10px} } /* Route focus belongs to the main landmark, without drawing a page-wide stripe. */ #main:focus{outline:none;outline-offset:0} /* Owner-approved lilac palette trial — website UI only. */ #app>.announce,#app>.announce .announce-track,#app>.announce .announce-track span{background:var(--accent);color:var(--navy)} #app .nu-hero-carousel .nu-hero-cta,body:has(.home-page) #app>header .nu-header-primary{background:var(--accent);border-color:var(--accent);color:var(--navy)} #app .nu-hero-carousel .nu-door-emotional-copy,#app .nu-hero-carousel .nu-door-emotional-copy :is(h1,h2,p,span){color:var(--white)} .home-page .clean-faq-section,.home-page .clean-review-section,.home-page .nu-mixed{background:var(--palette-cream);color:var(--navy)} #app .nu-door-panel,#app .product .purchase-panel{background:var(--accent)} .nu-door-emotional-hero::after{background:linear-gradient(90deg,color-mix(in srgb, var(--palette-navy) 85.1%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 45.1%, transparent) 42%,transparent 80%)} @media(max-width:850px){ .nu-hero-carousel .nu-door-emotional-hero::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 14.9%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 10.2%, transparent) 22%,color-mix(in srgb, var(--palette-navy) 50.2%, transparent) 43%,color-mix(in srgb, var(--palette-navy) 70.2%, transparent) 68%,color-mix(in srgb, var(--palette-navy) 92.16%, transparent) 100%)} .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 40.0%, transparent) 0%,transparent 20%,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 35%,color-mix(in srgb, var(--palette-navy) 80.0%, transparent) 57%,var(--palette-navy) 100%)} } #app .nu-hero-carousel .nu-door-emotional-copy .nu-hero-cta span{color:var(--navy)} /* Help card action: readable against its navy fill. */ .home-page .nu-door-mix a.textlink,.home-page .nu-door-mix a.textlink span{color:var(--white)} /* Guided dog quiz: one question at a time, shared Nudog type and controls. */ .dog-quiz-page{max-width:800px;padding-block:32px 64px} .dog-quiz-page>h1{font-size:44px;margin-bottom:16px} .dog-quiz{margin-top:24px;padding:32px;border-radius:24px;background:var(--palette-cream);color:var(--navy);scroll-margin-top:24px} .dog-quiz .quiz-progress{font:600 16px/1.4 var(--body-font);margin:0 0 8px} .dog-quiz progress{display:block;width:100%;height:8px;margin:0 0 24px;accent-color:var(--navy)} .dog-quiz progress::-webkit-progress-bar{background:var(--white);border-radius:8px}.dog-quiz progress::-webkit-progress-value{background:var(--navy);border-radius:8px} .dog-quiz h2{font:700 32px/1.15 var(--heading-font);margin:0 0 24px}.dog-quiz h2:focus{outline:none} .dog-quiz h3{font-weight:700} .dog-quiz fieldset{border:0;padding:0;margin:0 0 24px;min-width:0;background:none} .dog-quiz legend{font:600 18px/1.4 var(--body-font);padding:0;margin:0 0 12px} .dog-quiz .quiz-choice{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--navy);margin:0 0 8px;font:400 18px/1.4 var(--body-font);cursor:pointer} .dog-quiz .quiz-choice:has(input:checked){border-color:var(--navy);background:var(--palette-panel)} .dog-quiz .quiz-choice input{margin:0;flex:0 0 20px} .dog-quiz .quiz-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.dog-quiz .quiz-field input{width:100%} .dog-quiz .quiz-ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dog-quiz .quiz-ingredient-grid label{margin:0} .dog-quiz .quiz-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.dog-quiz .quiz-actions .textlink{border:0;background:none;color:var(--navy);padding:8px} .dog-quiz .quiz-recommendations{display:grid;gap:20px;margin:24px 0}.dog-quiz .quiz-recommendations article{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)} @media(max-width:850px){.dog-quiz-page{padding:24px 20px 40px}.dog-quiz-page>h1{font-size:36px}.dog-quiz{padding:24px 20px}.dog-quiz h2{font-size:28px}.dog-quiz .quiz-actions>.btn{flex:1;min-width:120px}.dog-quiz .quiz-recommendations article{padding:20px}.dog-quiz .quiz-recommendations .btn{width:100%}.dog-quiz .quiz-ingredient-grid{grid-template-columns:1fr}} @media(max-width:850px){.dog-quiz .quiz-actions{flex-direction:column-reverse;align-items:stretch}.dog-quiz .quiz-actions>.btn{flex:none;width:100%;min-width:0}.dog-quiz .quiz-actions>.textlink{justify-content:center}} /* Single-screen picture matrix, using the original Nudog dog artwork. */ body:has(.dog-quiz-page){background:var(--paper)} body:has(.dog-quiz-page) #app>:is(header,.announce,.range-navigation,footer),body:has(.dog-quiz-page) .chat-launcher{display:none} .dog-quiz-page{width:100%;max-width:660px;min-height:100dvh;padding:20px 24px;margin:auto;display:flex;flex-direction:column;gap:12px} .quiz-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .quiz-page-heading h1{font:700 32px/1.08 var(--heading-font);margin:0 0 6px} .quiz-page-heading p{font:400 18px/1.3 var(--body-font);margin:0} .quiz-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:50%;font:400 28px/1 var(--body-font);text-decoration:none} .dog-quiz-page .dog-quiz{margin:0;padding:0;border:0;border-radius:0;background:none;scroll-margin-top:12px;min-width:0} .quiz-matrix-form{display:flex;flex-direction:column;gap:10px} .dog-quiz .quiz-name{display:flex;align-items:center;gap:12px;margin:0;font:400 16px/1.2 var(--body-font)} .dog-quiz .quiz-name>span{flex:0 0 auto}.quiz-name small{font-size:16px}.dog-quiz .quiz-name input{width:100%;min-width:0;min-height:44px;height:44px;padding:8px 12px;font-size:16px;background:var(--white)} .quiz-matrix{display:grid;gap:8px} .dog-quiz .quiz-matrix-row{margin:0;padding:0;border:0;min-width:0} .dog-quiz .quiz-matrix-row legend{font:600 16px/1.2 var(--body-font);padding:0;margin:0 0 4px} .quiz-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .dog-quiz .quiz-picture-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:clamp(52px,8dvh,76px);padding:4px 8px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--navy);min-width:0;cursor:pointer;overflow:hidden} .quiz-picture-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer} .quiz-picture-choice:has(input:checked){background:var(--palette-panel);border-color:var(--navy)} .quiz-picture-choice:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:2px} .quiz-picture-label{font:600 16px/1.1 var(--body-font)} .quiz-line-art{position:relative;display:block;width:68px;height:calc(clamp(52px,8dvh,76px) - 27px);min-height:24px;color:var(--navy);pointer-events:none} .quiz-line-art img{display:block;width:100%;height:100%;object-fit:contain} .quiz-art-row-0.quiz-art-col-0 img{transform:scale(.58);transform-origin:bottom center} .quiz-art-row-0.quiz-art-col-1 img{transform:scale(.8);transform-origin:bottom center} .quiz-art-symbol{position:absolute;width:21px;height:21px;right:0;top:0;background:var(--white);border-radius:4px} .quiz-picture-choice:has(input:checked) .quiz-art-symbol{background:var(--palette-panel)} .quiz-picked{display:none;position:absolute;right:5px;top:3px;font:700 16px/1 var(--body-font)}.quiz-picture-choice:has(input:checked) .quiz-picked{display:block} .dog-quiz .quiz-diet-options{padding:0;margin:0;border:0;background:none;border-radius:0} .quiz-diet-options>summary{font:400 16px/1.25 var(--body-font);padding:4px 0;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:3px} .quiz-diet-options[open]{padding:12px;background:var(--palette-cream);border-radius:12px} .quiz-diet-options .quiz-avoid-list{display:flex;flex-wrap:wrap;gap:8px 16px}.quiz-diet-options label{font-size:16px;display:flex;align-items:center;gap:8px;min-height:44px}.quiz-diet-options p{font-size:16px;margin:8px 0 0}.dog-quiz .quiz-diet-options fieldset{margin:0 0 8px} .quiz-matrix-finish{display:flex;flex-direction:column;gap:6px} .quiz-matrix-finish>span{font:400 16px/1.2 var(--body-font);text-align:center} .quiz-matrix-finish .btn{min-height:48px;width:100%;padding:10px 16px}.quiz-matrix-finish .btn:disabled{opacity:.45;cursor:default} .quiz-dog-profile{display:flex;gap:20px;align-items:center;padding:24px;background:var(--palette-panel);border-radius:24px;margin-bottom:24px} .quiz-profile-art{height:90px;width:70px;flex:0 0 70px} .dog-quiz .quiz-dog-profile h2{font-size:32px;margin:0 0 8px}.quiz-dog-profile p{margin:0;font-size:16px} .dog-quiz .quiz-dog-profile .eyebrow{margin-bottom:6px}.quiz-match{padding:0 4px}.quiz-match>h2{margin-bottom:16px}.quiz-match .quiz-portion-note{padding:0;border:0;border-bottom:1px solid var(--line);margin-bottom:16px;background:none}.quiz-match .quiz-portion-note summary{min-height:44px;font:600 18px/1.4 var(--body-font);padding-block:12px} @media(max-width:600px){.dog-quiz-page{max-width:480px;padding:14px 20px;gap:10px}.quiz-page-heading h1{font-size:28px}.quiz-page-heading p{font-size:16px}.quiz-matrix-form{gap:8px}.quiz-matrix{gap:6px}.quiz-name small{display:none}} @media(max-height:720px){.dog-quiz-page{padding-block:10px;gap:8px}.quiz-matrix-form{gap:6px}.quiz-matrix{gap:4px}.quiz-page-heading h1{font-size:26px}.quiz-line-art{width:54px}.quiz-diet-options>summary{min-height:28px}.quiz-matrix-finish>span{display:none}} .quiz-art-row-0.quiz-art-col-0 img{transform:scale(.76)} .quiz-art-row-0.quiz-art-col-1 img{transform:scale(.88)} /* Icon-led selection: meaning appears on tap, rather than under every picture. */ body:has(.dog-quiz-page){background:var(--palette-cream)} body:has(.dog-quiz-page) #app,body:has(.dog-quiz-page) #main{background:var(--palette-cream)} .quiz-close{border:0;background:transparent} .dog-quiz .quiz-matrix-row legend{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:20px} .quiz-row-answer{font:400 16px/1.2 var(--body-font);text-align:right;color:var(--navy)} .quiz-row-answer:empty{display:none} .dog-quiz .quiz-picture-choice{background:var(--palette-panel);border-color:color-mix(in srgb, var(--palette-navy) 25.1%, transparent);padding:4px;border-radius:16px;transition:background-color .15s ease,border-color .15s ease} .dog-quiz .quiz-picture-choice:has(input:checked){background:var(--navy);border-color:var(--navy);color:var(--white)} .quiz-picture-choice .quiz-picture-label{display:none} .quiz-picture-choice .quiz-line-art{height:calc(clamp(52px,8dvh,76px) - 10px);width:88px;color:inherit} .quiz-picture-choice .quiz-art-symbol{width:28px;height:28px;background:transparent;color:inherit} .quiz-picture-choice:has(input:checked) .quiz-art-symbol{background:transparent} .quiz-picture-choice:has(input:checked) .quiz-line-art img{filter:brightness(0) invert(1)} .quiz-picture-choice .quiz-picked{right:7px;top:5px} .quiz-matrix-finish .btn:disabled{opacity:.65;background:var(--navy);color:var(--white)} .dog-quiz .quiz-name input{border-color:color-mix(in srgb, var(--palette-navy) 40.0%, transparent);background:var(--palette-cream)} .quiz-edit-profile{border:0;background:transparent;color:var(--navy);padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px} @media(max-width:390px){.quiz-row-answer{font-size:16px;letter-spacing:-.025em}.quiz-matrix-row legend>span{flex-shrink:0}} @media(prefers-reduced-motion:reduce){.dog-quiz .quiz-picture-choice{transition:none}} /* Use the full dynamic viewport for the quiz, with large pill controls. */ .dog-quiz-page{max-width:960px;height:100dvh;min-height:620px;padding:20px 28px;gap:14px} .quiz-page-heading{flex:0 0 auto} .quiz-page-heading h1{font-size:40px;line-height:1.06;margin-bottom:8px} .quiz-page-heading p{font-size:20px;line-height:1.25} .dog-quiz-page .dog-quiz:not(.has-result){flex:1;min-height:0;display:flex} .quiz-matrix-form{flex:1;min-height:0;width:100%;gap:12px} .dog-quiz .quiz-name{flex:none;font-size:18px} .dog-quiz .quiz-name input{min-height:48px;height:48px;border-radius:999px;font-size:18px;padding-inline:20px} .quiz-matrix{flex:1;min-height:0;grid-template-rows:repeat(5,minmax(0,1fr));gap:10px} .dog-quiz .quiz-matrix-row{display:flex;flex-direction:column;min-height:0;margin:0;padding:0;border:0;gap:6px} .quiz-row-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex:none;font:600 20px/1.15 var(--body-font)} .quiz-row-heading>span{flex-shrink:0}.quiz-row-answer{font-size:20px;line-height:1.15} .quiz-three{flex:1;min-height:0;gap:12px} .dog-quiz .quiz-picture-choice{height:100%;min-height:44px;border-radius:999px;padding:6px 12px} .quiz-picture-choice .quiz-line-art{height:100%;max-height:96px;width:min(118px,85%);min-height:24px} .quiz-picture-choice .quiz-art-symbol{width:34px;height:34px;right:2px;top:3px} .quiz-picture-choice .quiz-picked{right:14px;top:8px;font-size:18px} .quiz-diet-options{flex:none} .quiz-diet-options>summary{font-size:18px;min-height:32px} .quiz-matrix-finish{flex:none;gap:8px;margin-top:0} .quiz-matrix-finish .btn{min-height:64px;font-size:24px;padding:14px 24px;border-radius:999px} body:has(.dog-quiz.has-result) .dog-quiz-page,body:has(.quiz-diet-options[open]) .dog-quiz-page{height:auto;min-height:100dvh} body:has(.quiz-diet-options[open]) .quiz-matrix{flex:none;grid-auto-rows:auto;grid-template-rows:repeat(5,90px)} @media(max-width:600px){ .dog-quiz-page{max-width:none;width:100%;padding:16px 20px max(16px,env(safe-area-inset-bottom));gap:12px} .quiz-page-heading h1{font-size:32px;margin-bottom:6px}.quiz-page-heading p{font-size:18px} .quiz-matrix-form{gap:10px}.quiz-matrix{gap:8px} .quiz-row-heading,.quiz-row-answer{font-size:18px;line-height:1.15} .quiz-three{gap:8px}.quiz-picture-choice .quiz-line-art{max-height:90px;width:84%} .quiz-picture-choice .quiz-art-symbol{width:30px;height:30px;right:0;top:2px} .quiz-matrix-finish .btn{min-height:60px;font-size:22px} .quiz-diet-options>summary{font-size:16px} } @media(max-width:390px){ .quiz-row-heading,.quiz-row-answer{font-size:16px}.quiz-page-heading h1{font-size:30px} } @media(max-height:720px){ .dog-quiz-page{padding-block:10px;gap:8px}.quiz-page-heading h1{font-size:28px}.quiz-page-heading p{font-size:16px} .dog-quiz .quiz-name{font-size:16px}.dog-quiz .quiz-name input{height:44px;min-height:44px;font-size:16px} .quiz-matrix-form{gap:6px}.quiz-matrix{gap:5px}.quiz-row-heading,.quiz-row-answer{font-size:16px}.dog-quiz .quiz-matrix-row{gap:4px} .quiz-picture-choice .quiz-art-symbol{width:25px;height:25px}.quiz-matrix-finish .btn{min-height:56px;font-size:20px}.quiz-diet-options>summary{min-height:28px} } /* Photo alternative; the saved line-art route retains its original treatment. */ .quiz-photo-page .quiz-picture-choice{aspect-ratio:1;width:auto;height:100%;max-width:100%;justify-self:center;border-radius:16px;background:var(--palette-panel);border:2px solid transparent;padding:5px} .quiz-photo-page .quiz-picture-choice:has(input:checked){background:var(--palette-panel);border-color:var(--navy);color:var(--white)} .quiz-photo-art{display:block;width:100%;height:100%;min-width:0;min-height:0;border-radius:50%;background-image:url('/__l5e/assets-v1/27a41bab-6ed6-4679-beba-c651137e7d4d/quiz-realistic-photos-v317.webp');background-size:300% 500%;background-position:var(--photo-x) var(--photo-y);background-repeat:no-repeat;border:1px solid color-mix(in srgb, var(--palette-cream) 50.2%, transparent);pointer-events:none} .quiz-photo-page .quiz-picture-choice .quiz-picked{top:2px;right:2px;display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--navy);color:var(--white);font-size:16px;line-height:1} .quiz-photo-page .quiz-picture-choice:has(input:checked) .quiz-picked{display:flex} .quiz-photo-page .is-ready .quiz-picture-choice{background:var(--navy);border-color:var(--navy)} .quiz-photo-page .is-ready .quiz-picture-choice:has(input:checked){border-color:var(--white);outline:2px solid var(--navy);outline-offset:0} .quiz-photo-page .is-ready .quiz-picked{background:var(--white);color:var(--navy)} .quiz-photo-page .quiz-profile-art{width:90px;height:90px;flex:0 0 90px;border:3px solid var(--navy)} @media(max-height:720px){.quiz-photo-page .quiz-picture-choice{padding:4px;border-radius:12px}.quiz-photo-page .quiz-picture-choice .quiz-picked{width:18px;height:18px;font-size:14px}} .quiz-photo-page .is-ready .quiz-picture-choice:has(input:checked){background:var(--navy)} /* Third quiz option: plain-language text choices, no photographs or icons. */ .quiz-text-page .quiz-text-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-height:0;pointer-events:none} #app .quiz-text-page .quiz-text-primary{font:700 24px/1.1 var(--heading-font);color:inherit} #app .quiz-text-page .quiz-text-secondary{font:400 18px/1.15 var(--body-font);color:inherit;white-space:nowrap} .quiz-text-page .quiz-row-answer{display:none} .quiz-text-page .quiz-picture-choice{padding:6px 12px} .quiz-text-page .quiz-profile-art{border-radius:50%;background:var(--navy);color:var(--white);width:100px;height:100px;flex:0 0 100px} @media(max-width:600px){#app .quiz-text-page .quiz-text-primary{font-size:22px}#app .quiz-text-page .quiz-text-secondary{font-size:16px}.quiz-text-page .quiz-picture-choice{padding:4px 6px}} @media(max-width:390px),(max-height:720px){#app .quiz-text-page .quiz-text-primary{font-size:20px}.quiz-text-page .quiz-text-art{gap:2px}} /* Matched Fresh and Cold Pressed portion journeys. */ .range-quiz-page{max-width:940px;min-height:100dvh;padding-bottom:32px} .range-quiz-page .quiz-page-heading h1{font-size:clamp(30px,5vw,44px)} .rq-form,.rq-result{display:grid;gap:20px}.rq-form fieldset{border:0;padding:0;margin:0;min-width:0}.rq-form legend{font:700 20px/1.3 var(--body-font);margin-bottom:12px}.rq-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rq-form label,.rq-result label{font-family:var(--body-font);font-size:18px}.rq-inputs input,.rq-result select{display:block;width:100%;min-height:52px;background:var(--paper);color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:12px 18px;font:400 18px var(--body-font);margin-top:8px}.rq-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rq-pills label{position:relative;min-width:0}.rq-pills input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rq-pills span{display:flex;min-height:84px;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--navy);border-radius:999px;background:var(--palette-panel);padding:12px 5px;color:var(--navy)}.rq-pills strong{font:700 24px/1.2 var(--heading-font)}.rq-pills small{font:400 16px/1.3 var(--body-font);margin-top:4px}.rq-pills input:checked+span{background:var(--navy);color:var(--white)}.rq-pills input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px}.rq-diet{padding:16px 0}.rq-diet>label{display:block;margin:14px 0}.rq-avoids{display:flex;flex-wrap:wrap;gap:10px}.rq-avoids label{background:var(--palette-panel);border-radius:999px;padding:10px 14px;min-height:44px}.rq-diet input{accent-color:var(--navy);width:20px;height:20px;vertical-align:middle;margin-right:8px}.rq-submit,.rq-order .btn,.rq-help .btn{width:100%;min-height:60px;border-radius:999px;font:700 22px var(--heading-font)}.rq-mix{display:block;font:400 16px/1.5 var(--body-font);text-decoration:underline;margin:10px 0}.rq-result h2{font-size:32px}.rq-result p{margin:0;line-height:1.5}.rq-portions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.rq-portions>div{background:var(--palette-panel);padding:18px 8px;border-radius:24px;text-align:center}.rq-portions span{display:block;font:400 16px var(--body-font)}.rq-portions strong{display:block;font:700 26px var(--heading-font)}.rq-prices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.rq-prices article,.rq-order,.rq-help{padding:22px;border:1px solid var(--navy);border-radius:24px;background:var(--palette-panel)}.rq-prices h3{font-size:22px}.rq-prices strong{font:700 24px var(--heading-font)}.rq-prices p,.rq-estimate-label{font-size:16px}.rq-order{background:var(--paper);display:grid;gap:16px}.rq-order h3,.rq-help h3{margin:0;font-size:26px}.rq-help{display:grid;gap:16px}.rq-method{margin:20px 0}.rq-method p{margin:16px 0;font-size:16px}.rq-edit{justify-self:start}.rq-form [hidden],.rq-result [hidden]{display:none} @media(max-width:600px){.range-quiz-page{padding:22px 20px}.range-quiz-page .quiz-page-heading{margin-bottom:22px}.range-quiz-page .quiz-page-heading p{font-size:18px}.rq-form,.rq-result{gap:18px}.rq-pills{gap:8px}.rq-pills strong{font-size:22px}.rq-pills small{font-size:16px}.rq-inputs{gap:12px}.rq-inputs label{font-size:16px}.rq-inputs input{padding:12px;min-width:0}.rq-prices{grid-template-columns:1fr}.rq-portions strong{font-size:23px}.rq-portions>div{padding:14px 4px}} #app .range-quiz-page .quiz-page-heading h1{font-size:clamp(30px,5vw,44px);line-height:1.1}#app .range-quiz-page .quiz-page-heading>div{min-width:0;flex:1}.range-quiz-page .quiz-page-heading .eyebrow{font-size:16px;letter-spacing:0;white-space:nowrap}.rq-pills span{text-align:center;height:100%;min-height:90px}.rq-pills label{display:block}.rq-pills small{max-width:100%;text-align:center}.rq-pills input{z-index:1}.rq-form .rq-inputs input{margin-top:8px} @media(max-width:390px){.range-quiz-page .quiz-page-heading{gap:8px}.range-quiz-page .quiz-page-heading p{line-height:1.3}.rq-pills small{font-size:16px}.rq-pills span{min-height:90px}.rq-inputs label{font-size:16px}} /* Fresh result reassurance, placed before recipe quantities and pricing. */ .rq-showing-result .quiz-page-heading{display:none}.rq-result>.eyebrow{margin:0}.rq-result>h2{margin:0}.rq-convenience{padding:24px;border-radius:28px;background:var(--palette-panel);color:var(--navy);margin:4px 0 8px}.rq-convenience h3{font:700 32px/1.1 var(--heading-font);margin:0 0 12px}.rq-convenience>p{font:400 18px/1.45 var(--body-font)}.rq-convenience-visual{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:8px;margin:18px 0}.rq-convenience figure{margin:0;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.rq-convenience figure img{width:100%;height:170px;object-fit:contain;display:block}.rq-convenience figcaption{font:700 18px/1.25 var(--heading-font)}.rq-convenience-arrow{text-align:center;font-size:38px}.rq-served-bowl{display:block;width:160px;height:160px;max-width:100%;aspect-ratio:1;border-radius:50%;background-image:url('/__l5e/assets-v1/27a41bab-6ed6-4679-beba-c651137e7d4d/quiz-realistic-photos-v317.webp');background-size:300% 500%;background-position:50% 75%;background-repeat:no-repeat}.rq-convenience .rq-storage-note{font:400 16px/1.4 var(--body-font);margin-top:12px}@media(max-width:600px){.rq-convenience{padding:20px}.rq-convenience h3{font-size:28px}.rq-convenience-visual{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:4px;margin:16px 0}.rq-convenience figure img{height:138px}.rq-served-bowl{width:125px;height:auto}.rq-convenience figcaption{font-size:18px}} .rq-result{position:relative}.rq-result-close{position:absolute;right:0;top:0}.rq-result>.eyebrow,.rq-result>h2{padding-right:44px} /* Basket and checkout share the range journey's compact brand components. */ .basket-page{max-width:1050px}.basket-page>h1,.checkout-page>h1{font:700 40px/1.1 var(--heading-font);margin:20px 0 24px} #app .basket-page .cartrow{background:var(--palette-cream);color:var(--navy);border:1px solid var(--navy);border-radius:24px;padding:20px;margin:0 0 16px;align-items:start;box-shadow:none;min-height:0} #app .basket-page .cartrow h3{font:700 24px/1.2 var(--heading-font);text-align:left;margin:0 0 8px}#app .basket-page .cartrow h3 a{color:var(--navy)} #app .basket-page .cartrow :is(p,.small,label){font:400 16px/1.4 var(--body-font);color:var(--navy)}#app .basket-page .cartvisual{width:76px;height:110px;align-self:start}#app .basket-page .cartvisual :is(img,.visual){width:100%;height:100%;object-fit:contain} #app .cart-purchase-choice{margin-top:12px;min-width:0}#app .cart-purchase-choice>label{display:grid;gap:6px}#app .cart-purchase-choice select{width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid var(--navy);border-radius:999px;background:var(--paper);color:var(--navy);padding:10px 30px 10px 14px;font:400 16px/1.3 var(--body-font);box-sizing:border-box} #app .nu-cart-upgrade{padding:12px 16px;margin:12px 0;background:var(--palette-panel);border:1px solid var(--navy);border-radius:20px;display:block}#app .nu-cart-upgrade summary{font:700 20px/1.25 var(--heading-font);cursor:pointer;padding:4px 0;min-height:44px;align-content:center}#app .nu-cart-upgrade[open]{display:grid;gap:10px}#app .nu-cart-upgrade button{width:100%;min-height:52px;border-radius:999px;background:var(--navy);color:var(--white);font:700 20px/1.2 var(--heading-font);padding:12px 16px;border:1px solid var(--navy)}#app .nu-cart-upgrade p{margin:0}#app .nu-cart-upgrade .small{font-size:16px} #app .basket-page .basket-quantity{border-radius:999px;border-color:var(--navy);background:var(--paper);max-width:142px}#app .basket-page .basket-quantity :is(button,input){background:var(--paper);color:var(--navy);font:700 20px var(--heading-font);min-height:44px}#app .basket-page .remove{font:400 16px var(--body-font);color:var(--navy);min-height:44px;background:transparent;border:0;text-decoration:underline} #app :is(.basket-page,.checkout-page,.trial-journey) .btn{min-height:56px;padding:14px 22px;border-radius:999px;font:700 20px/1.2 var(--heading-font);white-space:normal;text-align:center}#app :is(.checkout-summary,.trial-journey .purchase-panel){background:var(--palette-cream);color:var(--navy);border:1px solid var(--navy);border-radius:24px;padding:24px;box-shadow:none;min-width:0}#app .checkout-page .checkout-fields{background:var(--palette-cream);border:1px solid var(--navy);border-radius:24px;padding:24px;gap:16px}#app :is(.checkout-page,.trial-journey) :is(label,p,small,.small){font:400 16px/1.45 var(--body-font);color:var(--navy)}#app :is(.checkout-page,.trial-journey) :is(h2,h3,legend){font-family:var(--heading-font);font-weight:700;color:var(--navy)}#app :is(.checkout-page,.trial-journey) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:48px;border:1px solid var(--navy);border-radius:999px;padding:10px 16px;background:var(--paper);color:var(--navy);font:400 18px var(--body-font);box-sizing:border-box}#app .checkout-summary .checkout-item{background:transparent;border-radius:0;padding:12px 0}#app .checkout-summary .checkout-totals{font:400 18px/1.4 var(--body-font)}#app .checkout-summary .checkout-totals strong{font-family:var(--heading-font)}#app .checkout-page .checkout-layout{gap:24px}#app .basket-page .basket-actions{gap:12px} @media(max-width:850px){#app .basket-page .cartrow{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px}#app .basket-page .cartvisual{grid-column:1;grid-row:1/3;width:72px;height:104px}#app .basket-page .cartrow>div:nth-child(2){display:contents}#app .basket-page .cartrow h3{grid-column:2;font-size:22px}#app .basket-page .cartrow>div:nth-child(2)>.small{grid-column:2}#app .basket-page .cart-purchase-choice{grid-column:1/-1;margin-top:0}#app .basket-page .cartrow>label{grid-column:1;max-width:none;width:142px}#app .basket-page .cartrow>.remove{grid-column:2;justify-self:end;align-self:center}#app .basket-page .cartrow .cart-purchase-choice p{margin:8px 0}#app .checkout-page .checkout-fields,#app .checkout-summary{padding:20px}#app .basket-page>h1,#app .checkout-page>h1{font-size:34px}#app .basket-page .basket-actions{display:grid;grid-template-columns:1fr}.basket-page,.checkout-page{padding-inline:20px}} #app .basket-page .basket-quantity input{width:48px;min-width:48px;max-width:48px;padding:4px 2px;border:0;border-radius:0;text-align:center;appearance:textfield}#app .basket-page .basket-quantity input::-webkit-inner-spin-button,#app .basket-page .basket-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}#app .basket-page .basket-quantity button{flex:0 0 44px;padding:0;min-width:44px}#app .basket-page .basket-quantity{width:138px;max-width:138px} #app .checkout-layout>section{min-width:0;width:100%}#app .checkout-page .checkout-fields{width:100%;box-sizing:border-box}#app .basket-page .basket-delivery,#app .basket-page .nu-basket-extras article{background:var(--palette-cream);color:var(--navy);border:1px solid var(--navy);border-radius:24px;padding:20px;box-shadow:none}#app .basket-page .nu-basket-extras :is(p,.small){color:var(--navy);font:400 16px/1.4 var(--body-font)}#app .checkout-page textarea{border:1px solid var(--navy);border-radius:20px;background:var(--paper);font:400 18px var(--body-font);padding:12px;box-sizing:border-box} /* Customer account: email, code and sample portal in the same brand system. */ .account-preview-page{max-width:1100px;padding-block:40px}.ac-login{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.ac-welcome,.ac-panel,.ac-card{border-radius:28px;padding:32px;background:var(--palette-cream);color:var(--navy);border:1px solid var(--navy)}.ac-welcome{background:var(--navy);color:var(--white)}.ac-welcome img{object-fit:contain;margin-bottom:20px}.ac-welcome .eyebrow{color:var(--palette-denim)}.ac-welcome h1{color:var(--white)}#app .account-preview-page h1{font:700 40px/1.1 var(--heading-font);margin:12px 0 20px}#app .account-preview-page h2{font:700 30px/1.15 var(--heading-font);margin:0 0 16px}#app .account-preview-page h3{font:700 24px/1.2 var(--heading-font);margin:0 0 8px}.account-preview-page p,.account-preview-page label,.account-preview-page li{font:400 18px/1.5 var(--body-font)}.ac-welcome ul{padding-left:22px;margin-top:28px}.ac-welcome li{margin:14px 0}.ac-panel form,.ac-card form{display:grid;gap:18px;margin:24px 0}.account-preview-page label{display:grid;gap:8px}.account-preview-page :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box;min-height:52px;padding:12px 18px;border:1px solid var(--navy);border-radius:999px;background:var(--paper);color:var(--navy);font:400 18px var(--body-font)}.account-preview-page textarea{border-radius:20px}.account-preview-page .btn{border-radius:999px;min-height:56px;width:100%;padding:14px 20px;font:700 20px/1.25 var(--heading-font)}.account-preview-page .textlink{min-height:44px;font:400 16px/1.4 var(--body-font);color:var(--navy)}.account-preview-page .ac-preview-note,.account-preview-page .ac-small{font:400 16px/1.4 var(--body-font)}.ac-preview-note{border-top:1px solid var(--navy);padding-top:16px;margin-top:24px}.ac-code{max-width:500px;margin:auto}.ac-code input[name=code]{letter-spacing:8px;text-align:center;font-size:26px}.ac-dashboard-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.ac-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.ac-tabs button{flex:1;min-height:48px;min-width:100px;border:1px solid var(--navy);border-radius:999px;background:var(--palette-panel);color:var(--navy);font:700 20px var(--heading-font);padding:10px 16px}.ac-tabs button[aria-pressed=true]{background:var(--navy);color:var(--white)}.ac-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ac-next{background:var(--palette-panel)}.ac-product{display:flex;gap:20px;align-items:center;margin:20px 0}.ac-product img{width:110px;height:125px;object-fit:contain}.ac-actions{display:grid;gap:12px;margin-top:20px}.ac-card details{margin:20px 0}.ac-card summary{font:700 18px var(--heading-font);min-height:44px;cursor:pointer}.ac-card [role=status]{font-size:16px}.account-preview-page input:focus-visible,.ac-tabs button:focus-visible{outline:3px solid var(--navy);outline-offset:3px} @media(max-width:700px){.account-preview-page{padding:24px 20px}.ac-login,.ac-overview{grid-template-columns:1fr;gap:20px}.ac-welcome{padding:24px}.ac-welcome img{width:54px;height:74px;float:right;margin:0 0 12px 14px}.ac-welcome ul{display:none}#app .account-preview-page h1{font-size:34px}.ac-welcome p{margin-bottom:0}.ac-panel,.ac-card{padding:24px}.ac-panel h2{font-size:28px}.ac-product{gap:14px}.ac-product img{width:84px;height:110px}.ac-tabs{gap:8px}.ac-tabs button{font-size:18px;min-width:calc(50% - 8px)}} .account-preview-page .nu-companion{display:none}.account-preview-page button.textlink{background:transparent;border:0;padding:8px 0;text-decoration:underline;cursor:pointer}.account-preview-page .ac-dashboard-heading>div{min-width:0} /* Compact footer signature: original dog beside wordmark, no added section. */ #app>footer.compact-footer{padding-bottom:28px} #app>footer.compact-footer::after{display:none} #app>footer .footer-brand-heading{position:relative;padding-right:100px;box-sizing:border-box} #app>footer .footer-brand-heading::after{content:'';position:absolute;right:0;top:0;width:76px;height:104px;background:var(--palette-panel);mask:url('/__l5e/assets-v1/b2eaa3c7-0aa1-480c-b2ba-8e8b67321d8e/nudog-character-white-v314.svg') center/contain no-repeat;-webkit-mask:url('/__l5e/assets-v1/b2eaa3c7-0aa1-480c-b2ba-8e8b67321d8e/nudog-character-white-v314.svg') center/contain no-repeat;pointer-events:none} @media(max-width:850px){#app>footer .footer-brand-heading{padding-right:84px}#app>footer .footer-brand-heading::after{width:64px;height:88px}} #app .nu-basket-extras{margin:24px 0}#app .nu-basket-extras>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}#app .nu-basket-extras article{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start;border:1px solid var(--navy);border-radius:24px;padding:18px;background:var(--palette-cream);color:var(--navy);min-width:0}#app .nu-basket-extras article>a{display:block;width:84px;height:110px}#app .nu-basket-extras article>a :is(.visual,img){width:100%;height:100%;object-fit:contain}#app .nu-basket-extras h2{font:700 28px/1.15 var(--heading-font);margin:0 0 12px}#app .nu-basket-extras h3{font:700 22px/1.2 var(--heading-font);margin:0 0 8px}#app .nu-basket-extras p,#app .nu-basket-extras .textlink{font:400 16px/1.4 var(--body-font);margin:8px 0;color:var(--navy)}#app .nu-basket-extras .btn{width:100%;border-radius:999px;min-height:48px;font:700 20px/1.2 var(--heading-font);padding:12px;margin-top:12px}#app .trial-journey .nu-basket-extras>div{grid-template-columns:1fr}#app .trial-journey .nu-basket-extras{border-block:1px solid var(--navy);padding-block:20px}#app .nu-trial-extras-summary{border-block:1px solid var(--navy);padding:16px 0;margin:16px 0}#app .nu-trial-extras-summary>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 0}#app .nu-trial-extras-summary button{background:none;border:0;text-decoration:underline;min-height:44px;color:var(--navy);font:400 16px var(--body-font)}@media(max-width:700px){#app .nu-basket-extras>div{grid-template-columns:1fr}#app .nu-basket-extras article{padding:16px;grid-template-columns:72px minmax(0,1fr)}#app .nu-basket-extras article>a{width:72px;height:100px}} .rq-compact-portion{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;background:var(--palette-panel);border-radius:24px;padding:16px 20px;margin:16px 0}.rq-compact-portion>span{font:400 18px var(--body-font)}.rq-compact-portion>strong{font:700 30px var(--heading-font);margin-left:auto}.rq-compact-portion>small{flex-basis:100%;font:400 16px var(--body-font)}.rq-order [data-rq-total]>strong{display:block;font:700 30px/1.2 var(--heading-font)}.rq-order [data-rq-total]>span{display:block;font:400 16px/1.4 var(--body-font);margin-top:6px}.rq-order [data-rq-pack-summary] p{margin:3px 0}.rq-order{gap:12px}.rq-order [data-rq-status]:empty{display:none}.rq-method{margin:12px 0}.rq-convenience{padding:20px}.rq-convenience-visual{margin:12px 0}.rq-convenience figure img{height:130px}.rq-served-bowl{width:120px;height:120px}@media(max-width:600px){.rq-convenience h3{font-size:26px}.rq-convenience figure img{height:108px}.rq-served-bowl{width:100px;height:100px}.rq-convenience .rq-storage-note{font-size:16px}.rq-order{padding:18px}} .nu-hero-carousel .nu-door-typing :is(.nu-typing-reserve,.nu-typing-output){white-space:pre-line} /* Product education: photographic, three-tab mobile story. */ #app .nu-visual-story{max-width:1080px;margin:0 auto;padding:56px 0;color:var(--palette-navy);text-align:center} #app .nu-visual-story header{margin:0 0 24px} #app .nu-visual-story .eyebrow{margin:0 0 10px;font:400 14px/1.3 var(--body-font);letter-spacing:.12em;text-transform:uppercase} #app .nu-visual-story h2{font:700 clamp(36px,4.6vw,56px)/1.05 var(--heading-font);margin:0;color:var(--palette-navy)} #app .nu-story-tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid #cdb8d3;margin:0 0 20px} #app .nu-story-tabs button{flex:1;max-width:260px;border:0;border-radius:0;background:transparent;color:var(--palette-navy);padding:15px 8px;font:400 20px/1.25 var(--body-font);border-bottom:3px solid transparent;cursor:pointer;margin-bottom:-1px} #app .nu-story-tabs button[aria-selected="true"]{border-bottom-color:var(--palette-navy);font-weight:700} #app .nu-story-tabs button:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px;border-radius:6px} #app .nu-story-panel[hidden]{display:none} #app .nu-story-range-art{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--palette-cream);border-radius:28px;padding:24px} #app .nu-story-range-art figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center} #app .nu-story-range-art img{width:100%;height:290px;object-fit:contain;display:block} #app .nu-story-range-art figcaption{font:700 26px/1.2 var(--heading-font);margin-top:12px} #app .nu-story-range-art figcaption span{display:block;font:400 17px/1.35 var(--body-font);margin-top:5px} #app .nu-story-caption{padding:22px 16px 0;max-width:660px;margin:auto} #app .nu-visual-story h3{font:700 32px/1.1 var(--heading-font);margin:0 0 10px;color:inherit} #app .nu-visual-story p{font:400 19px/1.45 var(--body-font);margin:0} #app .nu-story-cta{display:flex;justify-content:center;align-items:center;gap:16px;width:max-content;max-width:100%;min-height:58px;background:var(--palette-navy);color:var(--palette-cream);border-radius:999px;margin:24px auto 0;padding:16px 32px;font:700 23px/1.15 var(--heading-font)} #app .nu-story-photo{position:relative;height:440px;margin:0;border-radius:28px;overflow:hidden;background:var(--palette-cream);text-align:left} #app .nu-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%} #app .nu-story-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,32,57,.92))} #app .nu-story-photo figcaption{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;color:white;max-width:570px} #app .nu-story-routine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #app .nu-story-routine figure{margin:0;position:relative;overflow:hidden;border-radius:24px;background:var(--palette-cream)} #app .nu-story-routine img{width:100%;height:330px;object-fit:cover;display:block} #app .nu-story-routine figcaption{display:flex;align-items:center;justify-content:center;gap:10px;font:700 24px/1.2 var(--heading-font);padding:14px 4px} #app .nu-story-routine figcaption span{display:grid;place-items:center;background:var(--palette-navy);color:white;border-radius:50%;width:28px;height:28px;font-size:18px} #app .nu-story-caption small{display:block;font:400 14px/1.4 var(--body-font);margin-top:12px} @media(max-width:600px){#app .nu-visual-story{padding:36px 0 32px}#app .nu-visual-story header{margin-bottom:18px}#app .nu-story-tabs button{font-size:17px;padding:13px 4px}#app .nu-story-range-art{gap:8px;padding:18px 10px;border-radius:24px}#app .nu-story-range-art img{height:190px}#app .nu-story-range-art figcaption{font-size:22px}#app .nu-story-range-art figcaption span{font-size:14px}#app .nu-visual-story h3{font-size:28px}#app .nu-visual-story p{font-size:17px}#app .nu-story-caption{padding:20px 4px 0}#app .nu-story-cta{width:100%;min-height:58px;font-size:22px;box-sizing:border-box;padding:16px 20px;margin-top:20px}#app .nu-story-photo{height:360px;border-radius:24px}#app .nu-story-photo figcaption{left:20px;right:20px;bottom:20px}#app .nu-story-routine{gap:8px}#app .nu-story-routine figure{border-radius:18px}#app .nu-story-routine img{height:205px}#app .nu-story-routine figcaption{font-size:17px;gap:5px;padding:12px 2px}#app .nu-story-routine figcaption span{width:22px;height:22px;font-size:14px}} #app .nu-visual-story>header{display:block;position:static;min-height:0;height:auto;padding:0;background:transparent;border:0;box-shadow:none;text-align:center} #app .nu-visual-story{box-sizing:border-box;padding-inline:20px} #app .nu-story-range-art figure{position:relative}#app .nu-real-texture{display:block;position:absolute;top:185px;right:8px;width:110px;height:110px;overflow:hidden;border:4px solid var(--palette-cream);border-radius:50%;background:var(--palette-cream)}#app .nu-real-texture img{position:absolute;max-width:none;display:block}#app .nu-real-fresh img{width:200%;height:200%;left:0;top:-35%;object-fit:contain}#app .nu-real-cold img{width:333%;height:333%;left:-195%;top:-110%;object-fit:contain}@media(max-width:600px){#app .nu-real-texture{top:112px;right:0;width:76px;height:76px;border-width:3px}} /* Give the delivery hero the same close-up impact as the other mobile slides. */ @media(max-width:850px){#app .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{inset:76px -15% auto auto;width:180%;height:auto;max-width:none;object-fit:contain;mask-image:linear-gradient(180deg,#000 0%,#000 75%,transparent 100%)}} /* Complete product-and-bowl compositions: no masked food circles or clipped bowls. */ #app .nu-story-products-v336{display:block;padding:20px 12px 24px}#app .nu-story-products-v336>.nu-story-complete-products{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}#app .nu-story-product-labels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}#app .nu-story-product-labels h3{font-size:26px;margin:0 0 6px}#app .nu-story-product-labels p{font-size:17px;margin:0}@media(max-width:600px){#app .nu-story-products-v336{padding:16px 8px 20px}#app .nu-story-product-labels{gap:12px;margin-top:16px}#app .nu-story-product-labels h3{font-size:22px}#app .nu-story-product-labels p{font-size:14px;line-height:1.4}} /* Oversized navy brand header, with the hero starting below it. */ #app>header,body:has(.home-page) #app>header{background:var(--palette-navy);color:var(--palette-cream);border:0;margin-bottom:0;height:128px;min-height:128px;padding-block:20px} #app>header img.logo{filter:brightness(0) invert(1)} #app>header .header-brand,#app>header .packaging-logo-tab,#app>header img.logo{width:190px;height:84px;flex-basis:190px} #app>header .desktop-navigation>a{color:var(--palette-cream)} #app>header .desktop-navigation>a.header-offer{background:var(--palette-panel);color:var(--palette-navy);border-radius:999px;padding:16px 24px} @media(max-width:850px){ #app>header,body:has(.home-page) #app>header{height:112px;min-height:112px;padding:20px 16px;gap:12px;margin-bottom:0} body:has(.home-page) #app>header .header-brand{width:124px;height:72px;flex:0 0 124px} body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo{width:124px;height:72px} body:has(.home-page) #app>header .nu-header-primary{height:64px;min-height:64px;min-width:0;max-width:280px;font-size:17px;padding:16px 10px;background:var(--palette-panel);color:var(--palette-navy)} body:has(.home-page) #app>header .mobile-navigation{flex:0 0 36px;width:36px;height:48px} body:has(.home-page) #app>header .mobile-navigation>summary{width:36px;height:48px;padding:2px;color:var(--palette-cream);background:transparent} body:has(.home-page) #app>header .mobile-navigation>summary svg{width:32px;height:32px} body:has(.home-page) #app>header .mobile-menu-panel{top:100%;max-height:calc(100dvh - 160px)} } @media(max-width:370px){body:has(.home-page) #app>header{padding-inline:12px;gap:8px}body:has(.home-page) #app>header .header-brand,body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo{width:106px;flex-basis:106px}body:has(.home-page) #app>header .nu-header-primary{font-size:15px;padding-inline:8px}} @media(max-width:850px){body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo{flex:0 1 auto;max-width:100%}} #app>header .desktop-navigation>a[href="#trial"]{background:var(--palette-panel);color:var(--palette-navy);border-radius:999px;padding:16px 22px;font-weight:700} /* Premium ingredient, nutrition and Scottish heritage story. */ #app .nu-quality-story{padding:48px 0;background:var(--palette-cream);color:var(--palette-navy)} #app .nu-quality-story>.wrap{max-width:1000px;margin:auto} #app .nu-quality-story .eyebrow{text-align:center;font:400 14px/1.3 var(--body-font);letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase} #app .nu-quality-story h2{text-align:center;font:700 clamp(34px,4vw,50px)/1.08 var(--heading-font);margin:0 0 28px} #app .nu-quality-tabs{display:flex;border-bottom:1px solid #bda8c5;margin-bottom:20px;gap:0} #app .nu-quality-tabs button{flex:1;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:16px 6px;color:var(--palette-navy);font:400 20px/1.25 var(--body-font);cursor:pointer;margin-bottom:-1px} #app .nu-quality-tabs button[aria-selected=true]{border-bottom-color:var(--palette-navy);font-weight:700} #app .nu-quality-tabs button:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px} #app .nu-quality-panel[hidden]{display:none} #app .nu-quality-panel{position:relative;isolation:isolate;min-height:560px;border-radius:30px;overflow:hidden;background:var(--palette-navy);display:flex;align-items:flex-end} #app .nu-quality-photo{position:absolute;inset:0;z-index:-2;background-image:url('/__l5e/assets-v1/a4b83fb5-09ba-441d-9152-f98bb14c8b85/quality-story-triptych-v341.webp');background-size:auto 100%;background-repeat:no-repeat;opacity:.85} #app .nu-quality-photo-ingredients{background-position:left center}#app .nu-quality-photo-biotics{background-position:center}#app .nu-quality-photo-heritage{background-position:right center} #app .nu-quality-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,32,57,.06) 0%,rgba(16,32,57,.2) 30%,rgba(16,32,57,.85) 67%,var(--palette-navy) 100%)} #app .nu-quality-copy{padding:36px;max-width:700px;color:var(--palette-cream)} #app .nu-quality-copy h3{font:700 38px/1.1 var(--heading-font);margin:0 0 14px;color:var(--palette-cream)} #app .nu-quality-copy p{font:400 19px/1.45 var(--body-font);margin:0 0 22px;color:var(--palette-cream)} #app .nu-quality-copy a{display:inline-flex;align-items:center;gap:14px;background:var(--palette-panel);color:var(--palette-navy);min-height:54px;padding:15px 26px;border-radius:999px;text-decoration:none;font:700 22px/1.15 var(--heading-font)} @media(max-width:600px){#app .nu-quality-story{padding:36px 0}#app .nu-quality-story>.wrap{padding-inline:20px}#app .nu-quality-story h2{margin-bottom:22px}#app .nu-quality-tabs button{font-size:15px;padding:14px 4px}#app .nu-quality-panel{min-height:500px;border-radius:24px}#app .nu-quality-copy{padding:24px 20px}#app .nu-quality-copy h3{font-size:29px}#app .nu-quality-copy p{font-size:17px;margin-bottom:18px}#app .nu-quality-copy a{font-size:20px;padding:14px 20px;min-height:52px}} #app .nu-quality-photo{background-size:300% auto}#app .nu-quality-photo-ingredients{background-position:left top}#app .nu-quality-photo-biotics{background-position:center top}#app .nu-quality-photo-heritage{background-position:right top} @media(max-width:600px){#app .nu-quality-photo{mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 67%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,transparent 67%)}} /* Reference-matched photographic cards with translucent floating labels. */ #app .nu-quality-story{background:var(--paper)} #app .nu-quality-panel{min-height:620px} #app .nu-quality-photo{opacity:1;mask-image:none;-webkit-mask-image:none;background-size:auto 100%} #app .nu-quality-photo-ingredients{background-position:left center}#app .nu-quality-photo-biotics{background-position:center}#app .nu-quality-photo-heritage{background-position:right center} #app .nu-quality-panel:after{background:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(16,32,57,.25) 65%,rgba(16,32,57,.78) 100%)} #app .nu-quality-copy{padding:30px;max-width:700px} #app .nu-quality-panel-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #app .nu-quality-copy p{font-size:21px;line-height:1.4;margin:0;color:var(--palette-cream)} #app .nu-quality-callouts{position:absolute;inset:0;pointer-events:none} #app .nu-quality-callout{position:absolute;max-width:300px;padding:14px 18px;background:rgba(255,255,255,.79);color:var(--palette-navy);border-radius:20px;backdrop-filter:blur(5px);text-align:left;box-shadow:0 2px 14px color-mix(in srgb, var(--palette-navy) 3.92%, transparent)} #app .nu-quality-callout strong{display:block;font:700 25px/1.15 var(--heading-font);margin:0 0 4px} #app .nu-quality-callout>span:not(.nu-quality-pin){display:block;font:400 17px/1.25 var(--body-font)} #app .nu-quality-pin{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:white;transform:translate(-20%,-20%)} #app .nu-quality-callout-1{left:6%;top:7%}#app .nu-quality-callout-2{right:5%;top:31%}#app .nu-quality-callout-3{left:6%;top:55%} #app .nu-quality-action{display:flex;width:max-content;max-width:100%;justify-content:center;align-items:center;gap:14px;margin:22px auto 0;border-radius:999px;background:var(--palette-navy);color:var(--palette-cream);padding:16px 28px;min-height:56px;text-decoration:none;font:700 23px/1.15 var(--heading-font)} #app .nu-quality-action[hidden]{display:none} @media(min-width:601px){#app .nu-quality-photo{background-size:300% auto}} @media(max-width:600px){#app .nu-quality-panel{min-height:540px}#app .nu-quality-photo{background-size:auto 100%;mask-image:none;-webkit-mask-image:none}#app .nu-quality-copy{padding:24px 20px}#app .nu-quality-copy p{font-size:18px;line-height:1.4}#app .nu-quality-callout{max-width:74%;padding:12px 15px;border-radius:18px}#app .nu-quality-callout strong{font-size:21px}#app .nu-quality-callout>span:not(.nu-quality-pin){font-size:14px}#app .nu-quality-callout-1{top:6%;left:6%}#app .nu-quality-callout-2{top:29%;right:5%}#app .nu-quality-callout-3{top:52%;left:6%}#app .nu-quality-action{font-size:21px;padding:16px 24px}} #app .nu-proof-strip{padding:30px 24px;text-align:center;color:var(--palette-navy)}#app .nu-proof-strip h2{font:700 30px/1.15 var(--heading-font);margin:0 0 12px}#app .nu-proof-strip p{font:400 17px/1.6 var(--body-font);margin:0 0 16px} #app .nu-standards{max-width:1100px;padding-top:48px;padding-bottom:48px;color:var(--palette-navy)}#app .nu-standards h1{font:700 clamp(36px,5vw,58px)/1.08 var(--heading-font);margin:14px 0 24px}#app .nu-standards .lead{font-size:21px;line-height:1.5;max-width:800px}#app .nu-standards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}#app .nu-standards-grid section{background:var(--palette-cream);border-radius:28px;padding:28px;min-width:0}#app .nu-standards h2{font:700 29px/1.15 var(--heading-font);margin:0 0 16px}#app .nu-standards h3{font:700 23px/1.2 var(--heading-font);margin:24px 0 10px}#app .nu-standards p,#app .nu-standards dl{font:400 17px/1.55 var(--body-font)}#app .nu-standards dt{font-weight:700}#app .nu-standards dd{margin:0 0 10px}#app .nu-standards .textlink{font-size:17px;overflow-wrap:anywhere}#app .nu-standards-faq{padding:28px;border:1px solid var(--palette-navy);border-radius:28px}#app .nu-standards-reviewed{font-size:14px;margin:24px 0}@media(max-width:650px){#app .nu-standards-grid{grid-template-columns:1fr;gap:18px}#app .nu-standards-grid section{padding:24px}#app .nu-standards{padding-top:32px}#app .nu-standards h2{font-size:27px}} /* Personalised range result header: shared Fresh and Cold Pressed treatment. */ .rq-plan-header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0 44px 8px 0;min-width:0} .rq-plan-header .rq-plan-badge{margin:0;background:var(--navy);color:var(--white);border-radius:999px;padding:9px 16px;font:700 13px/1.25 var(--body-font);letter-spacing:.08em;text-transform:uppercase} .rq-plan-header #rq-result-title{margin:0;padding:0;font:700 clamp(34px,5vw,52px)/1.08 var(--heading-font);letter-spacing:-.025em;overflow-wrap:anywhere} .rq-plan-header .rq-plan-tagline{margin:0;font:400 20px/1.35 var(--body-font)} .rq-profile-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:2px 0 0} .rq-profile-chips li{background:var(--palette-panel);color:var(--navy);border-radius:999px;padding:8px 14px;font:600 15px/1.25 var(--body-font)} @media(max-width:600px){.rq-plan-header{gap:12px;padding-bottom:4px}.rq-plan-header #rq-result-title{font-size:36px}.rq-plan-header .rq-plan-tagline{font-size:18px}.rq-profile-chips{margin-right:-36px}.rq-profile-chips li{padding:7px 12px;font-size:14px}.rq-plan-header .rq-plan-badge{font-size:11px;padding:8px 13px}} /* Keep complete packaging inside the reserved cross-sell image window. */ #app #main .nu-basket-extras article>a{height:130px;overflow:hidden;align-self:start} #app #main .nu-basket-extras article>a>.packvisual,#app #main .nu-basket-extras article>a>img{display:block;width:100%;height:100%;min-height:0;max-height:100%;max-width:100%;object-fit:contain;aspect-ratio:auto;transform:none;margin:0} #app #main .cartvisual>.packvisual{display:block;width:100%;height:100%;min-height:0;max-height:100%;aspect-ratio:auto} #app #main :is(.nu-basket-extras,.cartrow,.checkout-page,.trial-journey){overflow-anchor:none} #app #main .trial-layout>div>.packvisual{aspect-ratio:4/3;height:auto;width:100%;display:block} @media(max-width:700px){#app #main .nu-basket-extras article>a{height:120px}} #app .nu-extra-flavour{display:block;font:600 14px/1.3 var(--body-font);margin:12px 0;color:var(--navy)} #app .nu-extra-flavour select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid var(--navy);border-radius:999px;padding:8px 12px;background:var(--paper);color:var(--navy);font:400 16px var(--body-font);margin-top:6px} #app .checkout-page .nu-basket-extras>div{grid-template-columns:1fr} /* Compact inner-page branding; keep the homepage hero header unchanged. */ body:not(:has(.home-page)) #app>header .header-brand{width:150px;height:66px;flex:0 0 150px;max-height:66px} body:not(:has(.home-page)) #app>header .packaging-logo-tab,body:not(:has(.home-page)) #app>header img.logo{width:150px;height:66px;flex:0 1 auto;max-width:100%;object-fit:contain} @media(max-width:850px){ body:not(:has(.home-page)) #app>header{height:96px;min-height:96px;padding:16px;gap:12px} body:not(:has(.home-page)) #app>header .header-brand{width:104px;height:56px;flex:0 0 104px;max-height:56px} body:not(:has(.home-page)) #app>header .packaging-logo-tab,body:not(:has(.home-page)) #app>header img.logo{width:104px;height:56px;flex:0 1 auto;max-width:100%} body:not(:has(.home-page)) #app>header .nu-header-primary{flex:1 1 auto;min-width:0;width:auto;max-width:260px;min-height:52px;height:52px;padding:12px 10px;border-radius:999px;background:var(--palette-panel);color:var(--palette-navy);font:700 16px/1.15 var(--heading-font);text-align:center} body:not(:has(.home-page)) #app>header .mobile-navigation{flex:0 0 44px;width:44px} } @media(max-width:370px){body:not(:has(.home-page)) #app>header{padding-inline:12px;gap:8px}body:not(:has(.home-page)) #app>header .header-brand{width:88px;flex-basis:88px}body:not(:has(.home-page)) #app>header .packaging-logo-tab,body:not(:has(.home-page)) #app>header img.logo{width:88px}body:not(:has(.home-page)) #app>header .nu-header-primary{font-size:14px}} /* Ollie-inspired persistent navigation, expressed in Nudog's own brand. */ #app>header,body:has(.home-page) #app>header{position:sticky;top:0;z-index:80;box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease} body:has(.home-page) #app>header{background:transparent;margin-bottom:-128px} body:has(.home-page) #app>header.nu-nav-scrolled{background:var(--palette-navy);box-shadow:0 1px 0 color-mix(in srgb, var(--palette-cream) 9.41%, transparent)} /* Mobile navigation mirrors the approved Ollie reference layout. */ .nu-mobile-drawer[open]{background:var(--palette-cream);color:var(--palette-navy);padding:max(24px,env(safe-area-inset-top)) 24px max(16px,env(safe-area-inset-bottom));transform:translateX(0)} .nu-mobile-drawer .nu-drawer-header{gap:24px;flex:0 0 72px;margin-bottom:12px;align-items:flex-start} .nu-mobile-drawer .nu-drawer-brand,.nu-mobile-drawer .nu-drawer-brand img{width:144px;height:64px;flex:0 0 144px} .nu-mobile-drawer .nu-drawer-brand img{filter:none} .nu-mobile-drawer .nu-drawer-close{background:var(--palette-cream);color:var(--palette-navy);border:1px solid var(--palette-denim);flex:0 0 48px;width:48px;height:48px;padding:12px} #app .nu-mobile-drawer .nu-drawer-label{display:block;font:600 12px/18px var(--body-font);letter-spacing:.08em;margin:0 0 8px;color:var(--palette-navy);opacity:.7} #app .nu-mobile-drawer .nu-drawer-explore>a{color:var(--palette-navy);font-size:24px;line-height:1.3;min-height:50px;border:0;padding:8px 0} .nu-mobile-drawer .nu-drawer-more{margin-top:28px} #app .nu-mobile-drawer .nu-drawer-more>a{color:var(--palette-navy);font:600 18px/1.4 var(--body-font);min-height:44px;padding:8px 0} .nu-mobile-drawer .nu-drawer-actions{background:var(--palette-cream);padding-top:24px;gap:12px;width:calc(100% + 24px);margin-left:-12px} .nu-mobile-drawer .nu-drawer-actions>a{min-height:56px} .nu-mobile-drawer .nu-drawer-actions>.nu-drawer-primary{background:var(--palette-navy);color:var(--palette-cream);border-color:var(--palette-navy)} .nu-mobile-drawer .nu-drawer-actions>.nu-drawer-login{color:var(--palette-navy);background:var(--palette-cream);border-color:var(--palette-navy)} .nu-mobile-drawer :focus-visible{outline-color:var(--palette-navy)} @media(max-width:850px){ #app>header,body:not(:has(.home-page)) #app>header,body:has(.home-page) #app>header{height:92px;min-height:92px;padding:14px 18px;gap:12px} body:has(.home-page) #app>header{margin-bottom:-92px} #app>header .header-brand,body:has(.home-page) #app>header .header-brand,body:not(:has(.home-page)) #app>header .header-brand{width:108px;height:60px;flex:0 0 108px} #app>header .packaging-logo-tab,#app>header img.logo,body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo,body:not(:has(.home-page)) #app>header .packaging-logo-tab,body:not(:has(.home-page)) #app>header img.logo{width:108px;height:60px;max-width:100%;flex:0 1 auto} #app>header .nu-header-primary,body:has(.home-page) #app>header .nu-header-primary,body:not(:has(.home-page)) #app>header .nu-header-primary{height:56px;min-height:56px;padding:12px 10px;flex:1;max-width:280px;font-size:16px;line-height:1.15;background:var(--palette-panel);color:var(--palette-navy)} #app>header .mobile-navigation,body:has(.home-page) #app>header .mobile-navigation{flex:0 0 32px;width:32px} #app>header .mobile-menu-toggle{width:32px;min-width:32px;padding:4px;background:transparent;color:var(--palette-cream);border-radius:0} } @media(max-width:370px){ #app>header,body:has(.home-page) #app>header,body:not(:has(.home-page)) #app>header{padding-inline:12px;gap:8px} #app>header .nu-header-primary,body:has(.home-page) #app>header .nu-header-primary,body:not(:has(.home-page)) #app>header .nu-header-primary{font-size:14px} .nu-mobile-drawer[open]{padding-inline:24px}.nu-mobile-drawer .nu-drawer-header{gap:16px} } /* Decorative rating placeholders, ready for real review integration. */ #app .nu-review-placeholder{display:inline-flex;align-items:center;width:auto;margin:8px 0 12px;padding:0;background:transparent;border:0;line-height:1} #app .nu-review-placeholder .nu-review-stars{display:flex;gap:4px;color:var(--palette-navy)} #app .nu-review-placeholder .nu-review-stars svg{display:block;width:21px;height:21px;fill:currentColor;stroke:none} #app .nu-hero-slide .nu-review-placeholder{display:flex;margin:12px 0} #app .nu-hero-slide .nu-review-placeholder .nu-review-stars{color:var(--palette-denim)} /* Illustrated information pages and compact visual page links. */ #app #main .info-page .info-hero{height:auto;min-height:0;background:var(--palette-navy);color:var(--palette-cream)} #app #main .info-page .info-hero-inner{height:auto;min-height:0;padding-block:36px} #app #main .info-page .info-hero-inner.with-image{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center} #app #main .info-page .info-hero-inner>div:first-child{display:block;height:auto;min-height:0} #app #main .info-page .info-hero h1{margin:14px 0 20px;font-size:clamp(36px,4.8vw,62px);line-height:1.12} #app #main .info-page .info-hero .lead:empty{display:none} #app #main .info-page .info-hero .buttons{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:12px} #app #main .info-page .info-hero .btn{background:var(--palette-panel);color:var(--palette-navy);min-height:54px;border-radius:999px} #app #main .info-page .info-hero-image{width:100%;height:320px;max-height:none;min-height:0;aspect-ratio:auto;border-radius:28px;background:var(--palette-cream);overflow:hidden;box-sizing:border-box} #app #main .info-page .info-hero-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal} #app #main .info-page .info-photo-art img{object-fit:cover} #app #main .info-page .info-award-art{padding:30px} #app #main .info-page .info-food-art{padding:20px} #app #main .info-page .info-illustration-art{padding:20px} #app #main .info-page .info-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;margin:0 auto;padding:24px;gap:12px;border:0} #app #main .info-page .info-navigation a{display:flex;align-items:center;gap:12px;min-width:0;min-height:80px;padding:12px;background:var(--palette-cream);border:1px solid transparent;border-radius:20px;color:var(--palette-navy);font-size:16px;line-height:1.3;text-decoration:none;box-sizing:border-box} #app #main .info-page .info-navigation a[aria-current=page]{border-color:var(--palette-navy);background:var(--palette-panel);color:var(--palette-navy)} #app #main .info-page .info-navigation img{display:block;flex:0 0 56px;width:56px;height:56px;object-fit:contain;border-radius:12px;background:var(--palette-cream)} #app #main .info-page .info-navigation span{min-width:0} @media(max-width:700px){ #app #main .info-page .info-hero-inner.with-image{grid-template-columns:1fr;gap:24px} #app #main .info-page .info-hero-inner{padding:24px 20px} #app #main .info-page .info-hero-image{height:240px;border-radius:22px} #app #main .info-page .info-hero h1{font-size:36px} #app #main .info-page .info-hero .btn{width:100%;box-sizing:border-box} #app #main .info-page .info-navigation{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 16px;gap:10px} #app #main .info-page .info-navigation a{gap:8px;padding:10px;font-size:15px} #app #main .info-page .info-navigation img{width:44px;height:44px;flex-basis:44px} } #app #main .info-page .info-hero .lead{color:var(--palette-cream);font-size:18px;line-height:1.5;max-width:600px;margin:0 0 16px} #app .nu-sub-backlinks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 20px;padding:0;border:0;background:transparent} #app .nu-sub-backlinks a{display:inline-flex;align-items:center;min-height:44px;color:var(--palette-navy);font:600 16px/1.35 var(--body-font);text-decoration:underline;text-underline-offset:4px} /* Brand illustrations always sit on a contrasting surface. */ html.ux-review body #app #main .nu-companion{background:var(--palette-cream);color:var(--palette-navy);border-radius:20px;padding:10px;box-sizing:border-box;opacity:1;mix-blend-mode:normal} html.ux-review body #app #main .nu-delivery-companion{width:140px;height:120px;background:var(--palette-cream);padding:12px} html.ux-review body #app #main .nu-companion>img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:normal;filter:none} #app #main .info-navigation a img[src*="helpdesk"]{background:var(--palette-panel);padding:4px;box-sizing:border-box} #app #main .contact-helpdesk{background:var(--palette-cream)} #app #main .contact-helpdesk img.helpdesk-dog{filter:none;mix-blend-mode:normal} #app #main .product-page :is(.small,.subscription-terms,.subscription-terms a,.trial-card-offer small,.trial-card-offer small a){color:var(--palette-navy)} #app #main .info-page .info-hero-image.contact-helpdesk{display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:24px;overflow:hidden} #app #main .info-page .info-hero-image.contact-helpdesk img.helpdesk-dog{width:30%;height:100%;max-height:100%;object-fit:contain;flex:0 0 30%;object-position:center bottom;margin:0;padding:0} #app #main .info-page .info-hero-image.contact-helpdesk img.helpdesk-laptop{width:55%;height:auto;max-height:80%;object-fit:contain;flex:0 0 55%;margin:0 0 8px;padding:0} #app .nu-bulk-summary{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:16px;border-radius:20px;background:var(--palette-cream);color:var(--palette-navy);font-size:16px;line-height:1.4} #app .nu-bulk-summary strong{font-family:var(--heading-font);font-size:20px} #app .nu-bulk-explainer{color:var(--palette-navy);font-size:15px;line-height:1.5} .product-page:has(#cold-bags) .field:has(#variant),.product-page:has(#cold-bags) .purchase-quantity{display:none} /* Desktop and laptop layout ownership: shared containers, not nested narrow grids. */ @media(min-width:851px){ #app>header,body:has(.home-page) #app>header,body:not(:has(.home-page)) #app>header{height:104px;min-height:104px;padding:16px max(24px,calc((100% - 1280px)/2));gap:20px;width:100%;box-sizing:border-box} body:has(.home-page) #app>header{margin-bottom:-104px} #app>header .header-brand,body:has(.home-page) #app>header .header-brand,body:not(:has(.home-page)) #app>header .header-brand{width:152px;height:72px;flex:0 0 152px} #app>header .packaging-logo-tab,#app>header img.logo,body:has(.home-page) #app>header .packaging-logo-tab,body:has(.home-page) #app>header img.logo,body:not(:has(.home-page)) #app>header .packaging-logo-tab,body:not(:has(.home-page)) #app>header img.logo{width:152px;height:72px;flex:0 1 auto;max-width:100%} #app>header .desktop-navigation{gap:16px;min-width:0;font-size:15px} #app>header .desktop-navigation>a[href="#trial"]{padding:14px 18px} #app>header .desktop-navigation :is(.search-launcher,.bag){font-size:15px;padding:10px 12px} #app #main .nu-sub-personality>.wrap{display:block;max-width:1200px;width:100%;padding:36px 32px;box-sizing:border-box} #app #main .nu-sub-personality .nu-sub-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center} #app #main .nu-sub-personality .nu-sub-story-copy{display:block;min-width:0} #app #main .nu-sub-personality .nu-sub-scooter{width:100%;max-width:280px;margin:0 auto;grid-column:auto;grid-row:auto} #app #main .nu-sub-personality .nu-sub-scooter img{max-width:210px;max-height:210px;width:100%;height:auto} #app #main .nu-sub-personality .nu-sub-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:20px;margin:28px 0;padding:0;box-sizing:border-box} #app #main .nu-sub-personality .nu-sub-perks li{display:flex;gap:12px;min-width:0;width:auto;height:auto;min-height:0;padding:20px;box-sizing:border-box} #app #main .nu-sub-personality .nu-sub-perks li>div{min-width:0;flex:1} #app #main .nu-sub-personality .nu-sub-perks strong{font-size:22px;line-height:1.25} #app #main .nu-sub-personality .nu-sub-perks li>div>span{font-size:17px;line-height:1.5} #app #main .nu-sub-personality .nu-sub-story-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;width:100%} #app #main .nu-sub-personality .nu-sub-story-actions .btn{width:auto;min-width:240px} #app #main .nu-sub-hero{min-height:0;height:auto;padding-block:36px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center} #app #main .nu-sub-hero h1{font-size:48px;line-height:1.12;margin:12px 0 20px;max-width:20ch} #app #main .nu-sub-hero p{font-size:19px;line-height:1.5;margin:0 0 18px;max-width:52ch} #app #main .nu-sub-hero p.small{font-size:15px;margin-top:16px} #app #main .nu-sub-hero figure{margin:0;min-width:0} #app #main .nu-sub-hero figure img{display:block;width:100%;height:300px;max-height:300px;object-fit:contain} #app #main .nu-sub-hero .nu-companion{width:80px;height:64px;margin-bottom:12px} #app #main .home-page .nu-door-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;min-height:0;height:auto;padding:28px;box-sizing:border-box} #app #main .home-page .nu-door-label{flex:none;margin:0;min-height:0} #app #main .home-page .nu-door-mark{width:64px;height:64px;margin:0 auto 14px} #app #main .home-page .nu-door-panel h2{font-size:30px;line-height:1.18;min-height:0;margin:4px 0 8px;flex:1} #app #main .home-page .nu-door-panel .btn{margin:0;min-height:54px;flex:none} #app #main .home-page .nu-door-offer{margin:0;min-height:0;display:block} #app #main .home-page .nu-award-source{margin:0;min-height:30px} #app #main .shop-page>.grid,#app #main .nu-range-recipes>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start} #app #main .recipe-card{height:auto;min-height:0} #app #main .recipe-card>.productimage{height:240px;min-height:240px;flex:0 0 240px;padding:20px;box-sizing:border-box} #app #main .recipe-card .card-body{height:auto;min-height:0;flex:0 0 auto;padding:20px;gap:10px} #app #main .recipe-card .card-body h3,#app #main .recipe-card .card-body h3 a{font-size:25px;line-height:1.2;min-height:0} #app #main .recipe-card .card-body .nu-card-unit{margin-top:0} #app #main .recipe-card :is(.treat-quick-buy,.card-purchase-choices){padding:0 20px 20px;margin:0;min-height:0;gap:10px} #app #main .recipe-card .card-action{font-size:17px;min-height:52px;padding:12px 16px} } @media(min-width:851px) and (max-width:1200px){ #app>header .desktop-navigation{display:none} #app>header .header-brand{order:0;margin-right:auto} #app>header .nu-header-primary{display:flex;order:1;align-items:center;justify-content:center;min-height:56px;padding:14px 24px;background:var(--palette-panel);color:var(--palette-navy);border-radius:999px;font:700 18px/1.2 var(--heading-font);text-decoration:none} #app>header .mobile-navigation{display:block;order:2;flex:0 0 44px;width:44px} #app>header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--palette-cream)} #app>header .mobile-menu-toggle svg{width:28px;height:28px} #app #main .shop-page>.grid,#app #main .nu-range-recipes>.grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(min-width:851px){ #app #main .nu-sub-hero>div{display:grid;grid-template-columns:minmax(0,1fr) 80px;column-gap:16px;align-items:center} #app #main .nu-sub-hero>div>*{grid-column:1/-1} #app #main .nu-sub-hero>div>.eyebrow{grid-column:1;grid-row:2;font-size:16px;margin:0} #app #main .nu-sub-hero>div>.nu-companion{grid-column:2;grid-row:2;margin:0} #app #main .nu-sub-hero h1{font-size:44px;margin:12px 0 16px} #app #main .nu-sub-hero .buttons{margin:12px 0;gap:12px} #app #main .nu-sub-hero p.small{margin:10px 0 0} #app #main .recipe-card .card-body{padding:18px;gap:7px} #app #main .recipe-card .nu-review-placeholder{margin:0 0 4px} #app #main .recipe-card :is(.card-concept,.card-pack,.nu-card-unit){font-size:14px;line-height:1.4} #app #main .recipe-card .card-range{font-size:14px;line-height:1.3} #app #main .recipe-card .card-body h3,#app #main .recipe-card .card-body h3 a{font-size:24px;line-height:1.2} #app #main .recipe-card .treat-quick-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 18px 18px;align-items:end} #app #main .recipe-card .treat-quick-buy>.purchase-mode{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:14px} #app #main .recipe-card .treat-quick-buy>.nu-quick-options{grid-column:2;grid-row:1;min-width:0;margin:0} #app #main .recipe-card .treat-quick-buy>.card-action,#app #main .recipe-card .treat-quick-buy>label:not(.purchase-mode),#app #main .recipe-card .treat-quick-buy>:is(.purchase-shipping-note,.purchase-shipping-details,.treat-add-status){grid-column:1/-1} #app #main .recipe-card .treat-quick-buy select{font-size:15px;min-height:46px;padding:10px;min-width:0} #app #main .recipe-card .treat-quick-buy .nu-quick-options .textlink{font-size:15px;padding:8px;min-height:46px;box-sizing:border-box} } @media(min-width:1201px){#app>header .desktop-navigation>a.bag{color:var(--palette-navy)}} /* Laptop viewports need height-aware media sizing, independently of desktop width. */ @media(min-width:851px) and (max-width:1440px){ #app #main .nu-hero-carousel .nu-door-emotional-hero{height:clamp(480px,68vh,560px);min-height:0} #app #main .nu-hero-carousel .nu-door-emotional-copy{width:56%;max-width:720px;min-height:100%;padding:40px 4vw 64px;box-sizing:border-box} #app #main .nu-hero-carousel :is(#nu-door-title,.nu-heritage-title){font-size:clamp(36px,3.5vw,48px);line-height:1.08;margin-bottom:18px} #app #main .nu-hero-carousel .nu-door-intro{font-size:18px;line-height:1.45;margin-bottom:20px} #app #main .nu-hero-carousel .nu-door-origin{font-size:18px;margin-bottom:18px} #app #main .nu-hero-carousel .nu-hero-cta{min-height:52px;padding:12px 24px;font-size:18px} #app #main .nu-visual-story{padding-block:40px} #app #main .nu-story-products-v336>.nu-story-complete-products{height:clamp(280px,42vh,340px);width:100%;object-fit:contain} #app #main .nu-story-products-v336{padding:20px 24px} #app #main .nu-story-product-labels{margin-top:12px} #app #main .product-page{padding-block:24px} #app #main .product{gap:24px 32px} #app #main .product-gallery :is(.bigimage,.gallery-food){height:clamp(340px,52vh,400px);min-height:0;padding:20px;box-sizing:border-box} #app #main .nu-product-overview h1{font-size:36px;margin-bottom:12px} #app #main .nu-product-overview #productprice{margin-top:14px} #app #main .product>.product-purchase{gap:18px} #app #main .purchase-panel{padding:20px;gap:12px} #app #main .nu-sub-hero{padding-block:28px;gap:32px} } @media(min-width:851px) and (max-width:1440px) and (max-height:800px){ #app #main .nu-sub-hero figure img{height:260px;max-height:260px} #app #main .nu-sub-hero h1{font-size:38px} } /* Laptop landing page: bounded media and horizontal editorial blocks. Navigation retains the established sticky/floating behaviour above. */ @media(min-width:851px) and (max-width:1536px){ #app #main .home-page .nu-hero-carousel .nu-door-emotional-hero{height:clamp(520px,75vh,600px);min-height:0} #app #main .home-page .nu-hero-carousel .nu-door-emotional-copy{width:52%;height:100%;min-height:0;padding:120px 32px 64px;box-sizing:border-box;justify-content:center} #app #main .home-page .nu-hero-carousel :is(#nu-door-title,.nu-heritage-title){font-size:clamp(34px,3vw,44px);max-width:19ch;margin-bottom:16px;line-height:1.08} #app #main .home-page .nu-hero-carousel .nu-door-intro{font-size:17px;line-height:1.4;margin-bottom:16px;max-width:42ch} #app #main .home-page .nu-hero-carousel .nu-door-emotional-art{inset:112px 28px 40px auto;width:47%;height:auto;max-height:440px;border-radius:24px;overflow:hidden;background:var(--palette-navy)} #app #main .home-page .nu-hero-carousel .nu-door-emotional-art img{position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;mask-image:none} #app #main .home-page .nu-hero-carousel .nu-hero-slide::after{background:linear-gradient(90deg,var(--palette-navy) 0%,var(--palette-navy) 46%,transparent 65%);pointer-events:none} #app #main .home-page .nu-hero-controls{left:32px;bottom:16px} #app #main .home-page .nu-visual-story{max-width:1160px;padding:32px;margin-inline:auto} #app #main .home-page .nu-visual-story>header{margin-bottom:16px} #app #main .home-page .nu-visual-story h2{font-size:36px} #app #main .home-page .nu-story-tabs{margin-bottom:20px} #app #main .home-page .nu-story-tabs button{padding:12px 8px;font-size:18px} #app #main .home-page .nu-story-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:16px 32px;text-align:left;align-items:center} #app #main .home-page .nu-story-panel>.nu-story-range-art,#app #main .home-page .nu-story-panel>.nu-story-photo,#app #main .home-page .nu-story-panel>.nu-story-routine{grid-column:1;grid-row:1/3;width:100%;min-width:0;box-sizing:border-box} #app #main .home-page .nu-story-panel>.nu-story-caption{grid-column:2;grid-row:1;margin:0;padding:0} #app #main .home-page .nu-story-panel>.nu-story-cta{grid-column:2;grid-row:2;justify-self:start;margin:0;min-height:52px;font-size:18px;padding:14px 24px} #app #main .home-page .nu-story-products-v336{padding:16px;border-radius:24px} #app #main .home-page .nu-story-products-v336>.nu-story-complete-products{width:100%;height:230px;max-height:230px;object-fit:contain} #app #main .home-page .nu-story-product-labels{margin-top:8px;gap:16px;text-align:center} #app #main .home-page .nu-story-product-labels h3{font-size:21px} #app #main .home-page .nu-story-product-labels p{font-size:15px} #app #main .home-page .nu-story-caption h3{font-size:30px} #app #main .home-page .nu-story-caption p{font-size:18px} #app #main .home-page .nu-story-photo{height:320px} #app #main .home-page #nu-panel-bowl .nu-story-photo{grid-column:1;grid-row:1/3} #app #main .home-page #nu-panel-bowl>.nu-story-cta{grid-row:1/3;align-self:center} #app #main .home-page .nu-story-photo figcaption{left:20px;right:20px;bottom:20px} #app #main .home-page .nu-story-photo figcaption h3{font-size:26px} #app #main .home-page .nu-story-photo figcaption p{font-size:16px} #app #main .home-page .nu-story-routine{gap:8px} #app #main .home-page .nu-story-routine img{height:240px} #app #main .home-page .nu-story-routine figcaption{font-size:18px;padding:12px 4px;gap:6px} #app #main .home-page .nu-range-intro{padding:28px 32px 20px} #app #main .home-page .nu-range-intro h2{font-size:36px} #app #main .home-page .nu-door-grid{max-width:1160px;margin:auto;padding-inline:32px;gap:24px} #app #main .home-page .nu-door-panel{padding:24px;gap:12px} #app #main .home-page .nu-door-panel h2{font-size:28px;margin:0;flex:none} #app #main .home-page .nu-door-panel .nu-door-label{margin:0;gap:8px;font-size:13px} #app #main .home-page .nu-door-panel .nu-door-mark{width:48px;height:48px;margin:0 auto 4px} #app #main .home-page .nu-door-mark svg{width:28px;height:28px} #app #main .home-page .nu-door-panel .btn{font-size:17px;min-height:50px;padding:12px 16px;margin-top:auto} #app #main .home-page .nu-door-offer{font-size:14px;margin:0;min-height:0} #app #main .home-page .nu-natural-promise{padding:32px} #app #main .home-page .nu-natural-intro{padding:24px;gap:12px 24px} #app #main .home-page .nu-natural-intro>h2{font-size:34px} #app #main .home-page .nu-thrive-photo{height:260px;min-height:0;max-height:260px} #app #main .home-page .nu-door-extras{padding-block:28px} #app #main .home-page .nu-quality-story{padding-block:32px} #app #main .home-page .nu-quality-panel{height:400px;min-height:400px} #app #main .home-page .nu-quality-copy{padding:24px;max-width:620px} #app #main .home-page .nu-quality-copy p{font-size:18px} #app #main .home-page .nu-quality-callout{max-width:240px;padding:10px 14px} #app #main .home-page .nu-quality-callout strong{font-size:20px} #app #main .home-page .nu-quality-callout>span:not(.nu-quality-pin){font-size:15px} } @media(min-width:851px) and (max-width:1536px){ #app #main .home-page .nu-visual-story{padding-block:28px} #app #main .home-page .nu-visual-story>header h2 br{display:none} #app #main .home-page .nu-story-products-v336>.nu-story-complete-products{height:200px;max-height:200px} #app #main .home-page .nu-story-product-labels p{font-size:14px} } /* Restore photographic full-bleed hero treatments on laptops only. */ @media(min-width:851px) and (max-width:1536px){ #app #main .home-page .nu-hero-carousel .nu-door-emotional-art{position:absolute;inset:0;margin:0;width:100%;height:100%;max-height:none;border-radius:0;overflow:hidden;background:var(--palette-navy)} #app #main .home-page .nu-hero-carousel .nu-door-emotional-art img{position:static;inset:auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:75% center;mask-image:none} #app #main .home-page .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{object-position:right center} #app #main .home-page .nu-hero-carousel .nu-hero-slide::after{background:linear-gradient(90deg,color-mix(in srgb, var(--palette-navy) 93.73%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 53.33%, transparent) 40%,transparent 75%)} } /* Laptop navigation scrolls away with the page. */ @media(min-width:851px) and (max-width:1536px){ #app>header,body:has(.home-page) #app>header,body:not(:has(.home-page)) #app>header{position:relative;top:auto} } /* Laptop card rhythm: matching content rows and shared text baselines. */ @media(min-width:851px) and (max-width:1536px){ #app #main .home-page .nu-door-grid{align-items:stretch} #app #main .home-page .nu-food-door{display:flex;height:100%;min-width:0} #app #main .home-page .nu-food-door .nu-door-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:88px minmax(100px,auto) 36px 52px 44px;gap:12px;align-items:center;justify-items:stretch;width:100%;height:100%;padding:24px;text-align:center} #app #main .home-page .nu-door-panel .nu-door-label{grid-row:1;align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin:0;text-align:center;line-height:1.3} #app #main .home-page .nu-door-panel h2{grid-row:2;align-self:start;justify-self:center;width:100%;max-width:26ch;margin:0;font-size:28px;line-height:1.18;text-align:center;text-wrap:balance} #app #main .home-page .nu-door-panel .nu-award-source{grid-row:3;align-self:center;margin:0;min-height:0;text-align:center;font-size:15px;line-height:1.4} #app #main .home-page .nu-door-panel>.btn{grid-row:4;align-self:stretch;width:100%;max-width:none;margin:0;min-height:52px;justify-content:center;text-align:center} #app #main .home-page .nu-door-panel>.nu-door-offer{grid-row:5;align-self:start;justify-self:center;display:block;max-width:none;width:100%;margin:0;font-size:14px;line-height:1.4;text-align:center} #app #main .home-page .nu-door-panel>.nu-door-offer strong{display:block} #app #main .shop-page>.grid,#app #main .nu-range-recipes>.grid{align-items:stretch} #app #main .recipe-card{height:100%;display:flex;flex-direction:column;min-width:0} #app #main .recipe-card .card-body{flex:1;align-items:stretch;text-align:left} #app #main .recipe-card .card-body :is(h3,h3 a){text-align:left} #app #main .recipe-card .card-body h3{min-height:3.6em;margin:0;line-height:1.2} #app #main .recipe-card .card-range{min-height:1.3em} #app #main .recipe-card .card-concept{min-height:2.8em} #app #main .recipe-card .card-pack{min-height:2.8em} #app #main .recipe-card .nu-card-unit{min-height:1.4em} #app #main .recipe-card>.treat-quick-buy,#app #main .recipe-card>.card-purchase-choices{margin-top:auto} #app #main .journal-card{height:100%;min-width:0} #app #main .journal-card>a{height:100%;display:flex;flex-direction:column} #app #main .journal-card .journal-copy{display:flex;flex-direction:column;flex:1;align-items:stretch;text-align:left;padding:24px;gap:16px} #app #main .journal-card .journal-copy .eyebrow{min-height:2.6em;margin:0;line-height:1.3} #app #main .journal-card h3{font-size:26px;line-height:1.2;min-height:4.8em;margin:0;text-align:left} #app #main .journal-card .journal-updated{margin:0;font-size:15px;line-height:1.4} #app #main .journal-card .journal-copy>.textlink{margin-top:auto;text-align:left} #app #main .nu-review-card{height:auto;display:flex;flex-direction:column;min-width:0} #app #main .nu-review-copy{display:flex;flex-direction:column;flex:1;align-items:stretch;text-align:left;gap:12px;padding:24px} #app #main .nu-review-copy h3{font-size:24px;line-height:1.2;min-height:2.4em;margin:0;text-align:left} #app #main .nu-review-copy blockquote{min-height:4.5em;margin:0;line-height:1.5;text-align:left} #app #main .nu-review-copy .nu-review-product{margin-top:auto;text-align:left} #app #main .nu-sub-perks{align-items:stretch} #app #main .nu-sub-perks li{align-items:flex-start} #app #main .nu-sub-perks strong{display:block;min-height:2.5em;margin-bottom:8px;line-height:1.25;text-align:left} } @media(min-width:851px) and (max-width:1100px){ #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:88px 136px 36px 52px 44px} } @media(min-width:1101px) and (max-width:1536px){ #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:88px 104px 36px 52px 44px} } @media(min-width:851px) and (max-width:1536px){ #app #main .recipe-card{position:relative} #app #main .recipe-card .bundle-recommendation{position:absolute;top:194px;left:18px;right:18px;min-height:0;height:auto;margin:0;padding:8px 12px;font-size:13px;line-height:1.3;text-align:center;box-sizing:border-box;z-index:1} #app #main .recipe-card .card-body h3{min-height:2.4em;height:auto} #app #main .nu-review-copy h3,#app #main .journal-card h3{height:auto;overflow:visible} } @media(min-width:851px) and (max-width:1000px){ #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:80px 104px 32px 52px 44px;gap:10px} } @media(min-width:1001px) and (max-width:1536px){ #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:80px 88px 32px 52px 44px;gap:10px} } /* Laptop checkout: both column headings belong inside aligned panels. */ @media(min-width:851px) and (max-width:1536px){ #app #main .checkout-page{max-width:1160px;padding:28px 32px 48px;box-sizing:border-box} #app #main .checkout-page>h1{font-size:36px;line-height:1.15;margin:20px 0 12px;text-align:left} #app #main .checkout-page>p{margin:0 0 24px;text-align:left} #app #main .checkout-page .checkout-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start} #app #main .checkout-delivery-card,#app #main .checkout-summary{padding:24px;background:var(--palette-cream);border:1px solid var(--palette-navy);border-radius:24px;min-width:0;box-sizing:border-box;text-align:left} #app #main .checkout-delivery-card>h2{font:700 26px/1.2 var(--heading-font);margin:0 0 24px;text-align:left} #app #main .checkout-delivery-card .checkout-fields{border:0;border-radius:0;background:transparent;padding:0;display:grid;gap:18px} #app #main .checkout-fields label{display:grid;gap:8px;margin:0;text-align:left;font-size:15px;line-height:1.4} #app #main .checkout-fields :is(input,select){margin:0;min-height:48px;font-size:16px;line-height:1.4} #app #main .checkout-order-details>summary{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font:700 26px/1.2 var(--heading-font);padding:0 0 24px;margin:0;text-align:left;list-style:none} #app #main .checkout-order-details>summary::after{display:none} #app #main .checkout-order-details>summary strong{font:700 18px/1.4 var(--heading-font);white-space:normal} #app #main .checkout-summary .checkout-item{padding:16px 0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.9%, transparent);text-align:left} #app #main .checkout-summary .checkout-item:first-child{padding-top:0} #app #main .checkout-summary .checkout-item h3{font:700 22px/1.2 var(--heading-font);margin:0 0 10px;text-align:left} #app #main .checkout-summary .checkout-item p{font-size:15px;line-height:1.45;margin:0 0 8px;text-align:left} #app #main .checkout-summary .checkout-item small{display:block;font-size:14px;line-height:1.4;margin:0} #app #main .checkout-order-details>div>.textlink{display:inline-block;margin:18px 0;text-align:left} #app #main .checkout-summary>.checkout-totals{display:flex;align-items:baseline;justify-content:space-between;gap:16px;text-align:left} #app #main .trial-journey .checkout-delivery-card{margin-top:24px} #app #main :is(.checkout-page,.basket-page) .nu-basket-extras{margin-top:24px} #app #main :is(.checkout-page,.basket-page) .nu-basket-extras h2{font-size:26px;line-height:1.2;text-align:left;margin:0 0 14px} #app #main :is(.checkout-page,.basket-page) .nu-basket-extras article h3{font-size:22px;line-height:1.2;text-align:left;margin:0 0 12px} } /* Full-screen photographic hero on laptop and desktop; mobile is independent. */ @media(min-width:851px){ #app #main .home-page .nu-hero-carousel .nu-door-emotional-hero{height:calc(100svh - 40px);min-height:520px;max-height:none} #app #main .home-page .nu-hero-carousel .nu-door-emotional-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0} #app #main .home-page .nu-hero-carousel .nu-door-emotional-art img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;mask-image:none} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-art img{object-position:right top} #app #main .home-page .nu-hero-carousel .nu-door-emotional-copy{height:100%;min-height:0;box-sizing:border-box;justify-content:center} } /* Complete laptop landing-page composition. No mobile or purchase-page rules. */ @media(min-width:851px) and (max-width:1536px){ #app #main .home-page{--laptop-content:1160px} #app #main .home-page :is(.nu-natural-promise,.nu-door-extras,.nu-quality-story,.nu-loox-preview,.clean-journal,.clean-faq-section){margin-block:0;padding-block:28px;box-sizing:border-box} #app #main .home-page :is(.nu-natural-promise>.wrap,.nu-quality-story>.wrap,.nu-loox-preview>.wrap,.clean-journal>.wrap,.clean-faq-section>.wrap){width:100%;max-width:var(--laptop-content);margin-inline:auto;padding-inline:32px;box-sizing:border-box} #app #main .home-page :is(.nu-visual-story>header h2,.nu-range-intro h2,.nu-door-extras h2,.nu-quality-story h2,.nu-review-heading h2,.clean-journal h2,.clean-faq-heading){font-size:34px;line-height:1.12;letter-spacing:0;margin:0;text-wrap:balance} #app #main .home-page .nu-visual-story{padding:28px 32px;max-width:var(--laptop-content)} #app #main .home-page .nu-visual-story>header{margin-bottom:14px} #app #main .home-page .nu-story-tabs{margin-bottom:16px} #app #main .home-page .nu-story-tabs button{padding-block:10px} #app #main .home-page .nu-story-panel:not([hidden]){gap:12px 28px;grid-template-rows:1fr 52px} #app #main .home-page .nu-story-products-v336>.nu-story-complete-products{height:190px;max-height:190px} #app #main .home-page .nu-story-photo{height:280px} #app #main .home-page .nu-story-routine img{height:210px} #app #main .home-page .nu-story-caption h3{font-size:28px;line-height:1.15;margin-bottom:12px} #app #main .home-page .nu-story-caption p{font-size:17px;line-height:1.45} #app #main .home-page .nu-range-intro{padding:24px 32px 18px} #app #main .home-page .nu-range-intro>p{font-size:16px;margin:0 0 8px} #app #main .home-page .nu-range-intro h2 br{display:none} #app #main .home-page .nu-door-grid{max-width:var(--laptop-content);padding:0 32px;gap:24px} #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:64px 80px 28px 48px 36px;padding:20px;gap:8px;border-radius:24px} #app #main .home-page .nu-door-panel h2{font-size:26px;line-height:1.15;max-width:27ch} #app #main .home-page .nu-door-panel .nu-door-mark{width:40px;height:40px;margin:0} #app #main .home-page .nu-door-panel .nu-door-mark svg{width:24px;height:24px} #app #main .home-page .nu-door-panel .nu-door-label{font-size:12px;gap:6px} #app #main .home-page .nu-door-panel>.btn{min-height:48px;font-size:17px;padding:12px 16px} #app #main .home-page .nu-door-panel>.nu-door-offer{font-size:13px} #app #main .home-page .nu-door-mix{max-width:1096px;margin:18px auto 0;padding:16px 24px;min-height:0;box-sizing:border-box;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:24px} #app #main .home-page .nu-door-mix h2{font-size:24px;line-height:1.2;margin:0 0 4px} #app #main .home-page .nu-door-mix p{font-size:16px;line-height:1.4;margin:0} #app #main .home-page .nu-door-mix .textlink{margin:0;min-height:48px;font-size:17px} #app #main .home-page .nu-natural-promise{padding-inline:0} #app #main .home-page .nu-natural-intro{max-width:none;padding:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:'kicker photo' 'title photo' 'copy photo' 'claims photo';gap:12px 28px;align-items:start;min-height:0} #app #main .home-page .nu-natural-intro>h2{font-size:36px;line-height:1.1;margin:0} #app #main .home-page .nu-natural-intro>.nu-thrive-photo{height:280px;min-height:0;max-height:280px} #app #main .home-page .nu-honest-copy{font-size:17px;margin:0} #app #main .home-page .nu-honest-claims{margin:0;gap:10px;grid-template-columns:1fr} #app #main .home-page .nu-complete-note{font-size:14px;line-height:1.4;margin:16px auto 8px;max-width:80ch} #app #main .home-page .nu-natural-link{font-size:16px;line-height:1.4;margin:0;min-height:32px} #app #main .home-page .nu-door-extras{max-width:var(--laptop-content);padding-inline:32px} #app #main .home-page .nu-door-extras h2{font-size:28px;margin:0 0 16px;text-align:left} #app #main .home-page .nu-door-extras>div{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))} #app #main .home-page .nu-door-extras a{display:flex;align-items:center;gap:16px;padding:16px 20px;min-height:112px;font-size:18px;line-height:1.25;text-decoration:none;border-radius:24px} #app #main .home-page .nu-door-extras a::before{content:'';flex:0 0 72px;width:72px;height:80px;background:center/contain no-repeat} #app #main .home-page .nu-door-extras a[href='#shop/treats']::before{background-image:url('/__l5e/assets-v1/b8b4e75b-a14f-4a72-b657-12dc775f7dd4/nudog-treats-rabbit-transparent-reviewed.webp')} #app #main .home-page .nu-door-extras a[href='#shop/oil']::before{background-image:url('/__l5e/assets-v1/2957d7a3-4b73-40e3-8305-4908b9bbb16d/nudog-salmon-oil-front-benefits.webp')} #app #main .home-page .nu-door-extras a[href='#page/compare']::before{background-image:url('/__l5e/assets-v1/bce1b11a-12e9-4249-a10f-c24ae2585d35/home-packs-full-bowls-v336.webp')} #app #main .home-page .nu-quality-story>.wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.75fr);grid-template-rows:auto auto 1fr auto;gap:14px 28px;align-items:start} #app #main .home-page .nu-quality-story .eyebrow{grid-column:1;grid-row:1;text-align:left;margin:0;font-size:13px} #app #main .home-page .nu-quality-story h2{grid-column:1;grid-row:2;text-align:left;font-size:34px;margin:0} #app #main .home-page .nu-quality-tabs{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:0;border:0;margin:0;align-self:start} #app #main .home-page .nu-quality-tabs button{flex:none;text-align:left;font-size:17px;line-height:1.3;padding:14px 0;border:0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 18.82%, transparent);margin:0} #app #main .home-page .nu-quality-tabs button[aria-selected=true]{border-bottom:3px solid var(--palette-navy)} #app #main .home-page .nu-quality-panel:not([hidden]){grid-column:2;grid-row:1/5;width:100%;height:430px;min-height:430px;border-radius:24px} #app #main .home-page .nu-quality-action:not([hidden]){grid-column:1;grid-row:4;justify-self:start;margin:0;min-height:48px;padding:12px 20px;font-size:17px} #app #main .home-page .nu-quality-copy{padding:22px;max-width:100%} #app #main .home-page .nu-quality-copy p{font-size:16px;line-height:1.4} #app #main .home-page .nu-quality-callout{max-width:220px;padding:10px 12px;border-radius:16px} #app #main .home-page .nu-quality-callout strong{font-size:19px} #app #main .home-page .nu-quality-callout>span:not(.nu-quality-pin){font-size:14px;line-height:1.3} #app #main .home-page .nu-proof-strip{max-width:var(--laptop-content);padding:24px 32px;text-align:left;display:grid;grid-template-columns:1fr 1.8fr;gap:12px 24px;align-items:center;margin:0 auto} #app #main .home-page .nu-proof-strip h2{font-size:28px;line-height:1.15;margin:0;grid-column:1;grid-row:1/3} #app #main .home-page .nu-proof-strip p{font-size:15px;line-height:1.6;margin:0} #app #main .home-page .nu-proof-strip a{font-size:15px;line-height:1.4} #app #main .home-page .nu-review-heading{margin-bottom:12px;gap:20px;align-items:end} #app #main .home-page .nu-review-heading h2{font-size:32px;line-height:1.1;max-width:none;margin:8px 0} #app #main .home-page .nu-review-heading h2 br{display:none} #app #main .home-page .nu-review-heading p{font-size:16px;line-height:1.4;margin:0} #app #main .home-page .nu-review-heading .eyebrow{font-size:12px;margin:0} #app #main .home-page .nu-review-heading .nu-review-placeholder{margin:6px 0;font-size:16px} #app #main .home-page .nu-review-disclosure{font-size:13px;line-height:1.4;margin:0 0 14px} #app #main .home-page .nu-review-track{gap:20px;padding-bottom:8px} #app #main .home-page .nu-review-card{flex:0 0 calc((100% - 40px)/3)} #app #main .home-page .nu-review-media{height:150px;min-height:0;aspect-ratio:auto} #app #main .home-page .nu-review-copy{padding:16px;gap:7px} #app #main .home-page .nu-review-copy h3{font-size:20px;line-height:1.2;min-height:2.4em;margin:0} #app #main .home-page .nu-review-copy blockquote{font-size:15px;line-height:1.4;min-height:4.2em;margin:0} #app #main .home-page .nu-review-copy .nu-review-sample-caption{font-size:12px;line-height:1.3} #app #main .home-page .nu-review-rating{font-size:17px;line-height:1.2} #app #main .home-page .nu-review-product{font-size:14px;min-height:32px;padding-top:10px} #app #main .home-page .nu-review-bottom{font-size:13px;line-height:1.3;margin-top:8px} #app #main .home-page .clean-journal .sectionhead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px} #app #main .home-page .clean-journal .sectionhead .eyebrow{font-size:12px;margin:0 0 8px} #app #main .home-page .journal-track{gap:20px;padding-bottom:8px;align-items:stretch} #app #main .home-page .journal-card{flex:0 0 calc((100% - 20px)/2)} #app #main .home-page .journal-card>a>img{height:170px;max-height:170px;object-fit:cover} #app #main .home-page .journal-card .journal-copy{padding:18px;gap:10px} #app #main .home-page .journal-card .journal-copy .eyebrow{font-size:12px;line-height:1.3;min-height:1.3em} #app #main .home-page .journal-card h3{font-size:23px;line-height:1.2;min-height:3.6em;margin:0} #app #main .home-page .journal-updated{font-size:14px;line-height:1.4;margin:0} #app #main .home-page .journal-card .textlink{font-size:16px;min-height:30px} #app #main .home-page .journal-controls{margin-top:8px;min-height:36px} #app #main .home-page .clean-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);column-gap:40px;row-gap:0;max-width:var(--laptop-content)} #app #main .home-page .clean-faq-heading{grid-column:1;grid-row:1/8;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding-top:12px;margin:0;font-size:34px} #app #main .home-page .nu-dig-trigger{position:static;inset:auto;width:130px;height:96px;transform:none;margin:0} #app #main .home-page .nu-dig-icon{width:130px;height:96px} #app #main .home-page .clean-faq>details{grid-column:2;margin:0;padding:0} #app #main .home-page .clean-faq summary{font-size:17px;line-height:1.35;min-height:58px;padding:15px 0} #app #main .home-page .clean-faq .detailsbody,#app #main .home-page .clean-faq details p{font-size:16px;line-height:1.5} #app #main .home-page .clean-quiet-link{grid-column:2;margin-top:10px;font-size:15px;min-height:36px} } @media(min-width:851px) and (max-width:1536px){ #app #main .home-page :is(.nu-natural-promise>.wrap,.nu-quality-story>.wrap,.nu-loox-preview>.wrap,.clean-journal>.wrap,.clean-faq-section>.wrap){padding-block:0} #app #main .home-page .nu-loox-preview{padding-block:24px} } /* Laptop navigation and type scale measured against Ollie, November 2026. Kept separate from mobile. Nudog typefaces and brand colours are retained. */ @media(min-width:851px) and (max-width:1536px){ #app>header,body:has(.home-page) #app>header,body:not(:has(.home-page)) #app>header{display:flex;position:sticky;top:0;height:88px;min-height:88px;padding:12px 24px;gap:24px;background:var(--palette-navy);color:var(--palette-cream);border:0;box-sizing:border-box;justify-content:space-between;z-index:80;transition:background-color .2s ease} body:has(.home-page) #app>header{margin-bottom:-88px;background:color-mix(in srgb, var(--palette-navy) 33.33%, transparent)} body:has(.home-page) #app>header.nu-nav-scrolled{background:var(--palette-navy)} #app>header .header-brand,body:has(.home-page) #app>header .header-brand,body:not(:has(.home-page)) #app>header .header-brand{order:0;flex:0 0 128px;width:128px;height:56px;margin:0 auto 0 0} #app>header .packaging-logo-tab,#app>header img.logo,body:has(.home-page) #app>header img.logo,body:not(:has(.home-page)) #app>header img.logo{width:128px;height:56px;max-width:100%;padding:0} #app>header .mobile-navigation,#app>header .nu-header-primary,body:has(.home-page) #app>header .mobile-navigation,body:has(.home-page) #app>header .nu-header-primary{display:none} #app>header .desktop-navigation,body:has(.home-page) #app>header .desktop-navigation{display:flex;align-items:center;gap:18px;min-width:0;margin:0;padding:0} #app>header .desktop-navigation>:is(a,button),body:has(.home-page) #app>header .desktop-navigation>:is(a,button){display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;margin:0;padding:0;color:var(--palette-cream);font:700 16px/24px var(--body-font);white-space:nowrap;text-decoration:none} #app>header .desktop-navigation>a:hover{text-decoration:underline;text-underline-offset:5px} #app>header .desktop-navigation>a[href='#trial'],body:has(.home-page) #app>header .desktop-navigation>a[href='#trial']{padding:14px 22px;background:var(--palette-panel);color:var(--palette-navy);font:700 18px/20px var(--heading-font);border-radius:999px} #app>header .desktop-navigation .search-launcher,body:has(.home-page) #app>header .desktop-navigation .search-launcher{width:40px;min-width:40px;padding:8px;background:transparent;border:1px solid color-mix(in srgb, var(--palette-cream) 40.0%, transparent);color:var(--palette-cream);border-radius:50%} #app>header .desktop-navigation .search-launcher span{display:none} #app>header .desktop-navigation .search-launcher svg{display:block;width:22px;height:22px} #app>header .desktop-navigation .account-icon{display:none} #app>header .desktop-navigation>a.bag,body:has(.home-page) #app>header .desktop-navigation>a.bag{position:relative;width:40px;min-width:40px;padding:8px;font-size:0;border:1px solid color-mix(in srgb, var(--palette-cream) 40.0%, transparent);border-radius:50%;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E") center/22px no-repeat} #app>header .desktop-navigation .bag::after{content:attr(data-count);position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:50%;background:var(--palette-panel);color:var(--palette-navy);font:700 12px/18px var(--body-font);text-align:center} #app #main :is(h1,h2){font-weight:500} #app #main h1{font-size:72px;line-height:1;letter-spacing:-.02em} #app #main h2{font-size:60px;line-height:1;letter-spacing:-.02em} #app #main h3{font-size:28px;line-height:1.15;font-weight:500} #app #main .home-page :is(.nu-visual-story>header h2,.nu-range-intro h2,.nu-natural-intro>h2,.nu-quality-story h2,.nu-review-heading h2,.clean-journal h2,.clean-faq-heading){font-size:72px;line-height:1;font-weight:500;letter-spacing:-.02em} #app #main .home-page .nu-hero-carousel :is(#nu-door-title,.nu-heritage-title){font-size:72px;line-height:1;font-weight:500;letter-spacing:-.02em;max-width:12ch} #app #main .home-page .nu-hero-carousel .nu-door-emotional-copy{width:58%;max-width:800px;padding-top:112px} #app #main .home-page .nu-hero-carousel .nu-door-emotional-copy p{font-size:20px;line-height:24px;font-weight:400;max-width:40ch} #app #main .home-page :is(.nu-story-caption p,.nu-honest-copy,.nu-review-heading p,.nu-door-mix p){font-size:20px;line-height:24px;font-weight:400} #app #main .home-page :is(.nu-story-caption h3,.nu-door-panel h2,.nu-door-mix h2,.nu-door-extras h2,.nu-proof-strip h2,.journal-card h3,.nu-review-copy h3){font-size:28px;line-height:1.15;font-weight:500} #app #main :is(.btn,.card-action,.nu-hero-cta,.nu-quality-action){font-size:18px;line-height:20px;font-weight:700} #app #main .home-page :is(.nu-story-tabs button,.nu-quality-tabs button){font-size:20px;line-height:24px;font-weight:400} #app #main .home-page :is(.nu-story-tabs button,.nu-quality-tabs button)[aria-selected=true]{font-weight:700} #app #main .home-page .clean-faq summary{font-size:20px;line-height:24px;font-weight:500} #app #main .home-page .nu-food-door .nu-door-panel{grid-template-rows:64px 104px 28px 48px 36px} #app #main .home-page .nu-quality-story>.wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr)} #app #main .home-page .nu-quality-panel:not([hidden]){height:510px;min-height:510px} #app #main .home-page .nu-natural-intro>.nu-thrive-photo{height:360px;max-height:360px} } @media(min-width:851px) and (max-width:1100px){ #app>header,body:has(.home-page) #app>header,body:not(:has(.home-page)) #app>header{gap:16px;padding-inline:20px} #app>header .header-brand,body:has(.home-page) #app>header .header-brand,body:not(:has(.home-page)) #app>header .header-brand{flex-basis:100px;width:100px} #app>header .desktop-navigation,body:has(.home-page) #app>header .desktop-navigation{gap:12px} #app>header .desktop-navigation>a[href='#trial'],body:has(.home-page) #app>header .desktop-navigation>a[href='#trial']{padding-inline:14px} #app>header .desktop-navigation>a.desktop[href='#blog']{display:none} } @media(min-width:851px){ #app>header .desktop-navigation>a.bag,body:has(.home-page) #app>header .desktop-navigation>a.bag{display:none} #app>header .laptop-shop-menu{position:relative;flex:0 0 auto;padding:0;margin:0;border:0;background:none;color:var(--palette-cream);overflow:visible} #app>header .laptop-shop-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;margin:0;border:0;color:inherit;font:700 16px/24px var(--body-font);list-style:none;white-space:nowrap;cursor:pointer} #app>header .laptop-shop-menu>summary::-webkit-details-marker{display:none} #app>header .laptop-shop-menu>summary::after{content:'';position:static;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;background:none} #app>header .laptop-shop-menu[open]>summary::after{transform:rotate(225deg);margin-top:4px} #app>header .laptop-shop-links{position:absolute;top:calc(100% + 14px);left:-20px;display:grid;min-width:250px;padding:16px;background:var(--palette-navy);color:white;border:1px solid color-mix(in srgb, var(--palette-cream) 20.0%, transparent);border-radius:16px;box-shadow:0 12px 32px color-mix(in srgb, var(--palette-navy) 20.0%, transparent)} #app>header .laptop-shop-links>a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:white;font:500 16px/24px var(--body-font);text-decoration:none;border-radius:8px} #app>header .laptop-shop-links>a:hover,#app>header .laptop-shop-links>a:focus-visible{background:var(--palette-panel);color:var(--palette-navy)} } @media(max-width:850px){#app>header .laptop-shop-menu{display:none}} /* Family hero: keep the relationship visible and the headline immediately readable. */ #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-heritage-title{white-space:normal} @media(min-width:851px){ #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-art{inset:0 0 0 auto;width:62%;background:var(--palette-navy);mask-image:linear-gradient(90deg,transparent,#000 25%)} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-art img{object-fit:cover;object-position:center top} #app #main .home-page .nu-hero-carousel .nu-hero-scotland::after{background:linear-gradient(90deg,var(--palette-navy) 0%,var(--palette-navy) 34%,color-mix(in srgb, var(--palette-navy) 86.67%, transparent) 43%,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 57%,transparent 73%)} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-copy{width:54%;max-width:760px} } @media(max-width:850px){ #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-art img{object-fit:cover;object-position:center top} #app #main .home-page .nu-hero-carousel .nu-hero-scotland::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 53.33%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 13.33%, transparent) 16%,transparent 28%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 46%,color-mix(in srgb, var(--palette-navy) 92.16%, transparent) 62%,var(--palette-navy) 100%)} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-copy{top:0;padding:310px 24px 60px;min-height:100%;height:auto;justify-content:flex-start} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-heritage-title{font-size:38px;line-height:1.08;margin-bottom:18px} } @media(max-width:370px){ #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-door-emotional-copy{padding-top:300px} #app #main .home-page .nu-hero-carousel .nu-hero-scotland .nu-heritage-title{font-size:34px} } /* Reveal the photographs beneath the family and delivery hero copy. */ #app #main .home-page .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 0%,transparent 24%,color-mix(in srgb, var(--palette-navy) 20.0%, transparent) 40%,color-mix(in srgb, var(--palette-navy) 53.33%, transparent) 65%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 100%)} @media(max-width:850px){ #app #main .home-page .nu-hero-carousel .nu-hero-scotland::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 46.67%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 13.33%, transparent) 16%,transparent 28%,color-mix(in srgb, var(--palette-navy) 40.0%, transparent) 46%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 62%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 100%)} #app #main .home-page .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art{background:var(--palette-cream);mask-image:none} #app #main .home-page .nu-hero-carousel .nu-hero-subscribe .nu-door-emotional-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% top;mask-image:none} #app #main .home-page .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(180deg,color-mix(in srgb, var(--palette-navy) 40.0%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 6.67%, transparent) 22%,color-mix(in srgb, var(--palette-navy) 33.33%, transparent) 40%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 65%,color-mix(in srgb, var(--palette-navy) 60.0%, transparent) 100%)} } #app .nu-review-badge.nu-review-placeholder{flex-wrap:nowrap;gap:8px} #app .nu-rating-value{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font:600 16px/1.3 var(--body-font);letter-spacing:0;color:inherit} #app .nu-rating-value small{font:400 12px/1.3 var(--body-font);color:inherit} #app .nu-review-rating{display:flex;align-items:center;gap:8px} #app .nu-hero-slide .nu-rating-value{color:var(--palette-cream)} #app .nu-hero-slide .nu-review-stars{flex-shrink:0} @media(min-width:851px){ #app #main .home-page .nu-hero-carousel .nu-hero-subscribe::after{background:linear-gradient(90deg,color-mix(in srgb, var(--palette-navy) 85.1%, transparent) 0%,color-mix(in srgb, var(--palette-navy) 66.67%, transparent) 35%,color-mix(in srgb, var(--palette-navy) 20.0%, transparent) 65%,color-mix(in srgb, var(--palette-navy) 13.33%, transparent) 100%)} } /* Match the canvas revealed by native pull-down scrolling to the offer strip. */ html.ux-review{background-color:var(--palette-panel);color-scheme:light} html.ux-review body{background-color:var(--palette-panel)} html.ux-review body>#app{background-color:var(--paper)} /* Compact basket extras and a shorter mobile checkout journey. */ html.ux-review body #app #main .nu-basket-checkout{margin:20px 0 28px;padding:18px;border:1px solid var(--navy);border-radius:20px;background:var(--paper)} html.ux-review body #app #main .nu-basket-checkout .carttotal{margin:0 0 14px;padding:0;border:0} html.ux-review body #app #main .nu-basket-checkout>.btn{display:block;width:100%;box-sizing:border-box;text-align:center;margin:0} html.ux-review body #app #main .nu-basket-extras>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} html.ux-review body #app #main .nu-basket-extras article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px;border-radius:20px;min-width:0;background:var(--palette-cream);text-align:left} html.ux-review body #app #main .nu-basket-extras article>a{width:64px;height:90px;margin:0;overflow:hidden} html.ux-review body #app #main .nu-basket-extras article>a :is(.packvisual,.visual,img){width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;aspect-ratio:auto;margin:0} html.ux-review body #app #main .nu-basket-extras article h3{font:700 20px/1.15 var(--heading-font);margin:0 0 8px;text-align:left} html.ux-review body #app #main .nu-basket-extras :is(p,.small,.textlink){font:400 14px/1.4 var(--body-font);margin:6px 0;text-align:left} html.ux-review body #app #main .nu-extra-flavour{font:400 14px/1.4 var(--body-font);display:block;margin:8px 0} html.ux-review body #app #main .nu-extra-flavour select{display:block;width:100%;min-height:44px;margin:4px 0 0;padding:8px;font:400 16px/1.3 var(--body-font);border:1px solid var(--navy);border-radius:10px;background:var(--paper);color:var(--navy)} html.ux-review body #app #main .nu-basket-extras button.textlink{background:none;border:0;border-radius:0;padding:8px 0;min-height:44px;text-decoration:underline;cursor:pointer} html.ux-review body #app #main .nu-basket-extras .btn{font:700 18px/1.2 var(--heading-font);padding:10px 14px;min-height:44px;width:100%;margin:6px 0 0;box-sizing:border-box} html.ux-review body #app #main .nu-extra-status{display:block;font:700 14px/1.4 var(--body-font)} html.ux-review body #app #main .nu-basket-extras .nu-extra-delivery{border-left:3px solid var(--navy);padding-left:10px;font-weight:600} html.ux-review body #app #main .nu-extra-delivery small{display:block;font-size:12px;font-weight:400} html.ux-review body #app #main .nu-checkout-extras{border:1px solid var(--navy);border-radius:18px;margin:18px 0;background:var(--paper);padding:0 16px} html.ux-review body #app #main .nu-checkout-extras>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 0;font:700 20px/1.2 var(--heading-font);list-style:none;cursor:pointer} html.ux-review body #app #main .nu-checkout-extras>summary::after{display:none} html.ux-review body #app #main .nu-checkout-extras>summary>span{font:400 13px/1.4 var(--body-font);white-space:nowrap} html.ux-review body #app #main .nu-checkout-extras .nu-basket-extras{margin:8px 0 16px;border:0;padding:0} html.ux-review body #app #main .nu-checkout-extras .nu-basket-extras>h2{display:none} html.ux-review body #app #main .checkout-page .nu-basket-extras>div,html.ux-review body #app #main .trial-journey .nu-basket-extras>div{grid-template-columns:1fr} html.ux-review body #app #main .checkout-overview{display:none} html.ux-review body #app #main .nu-order-toggle{font:400 14px/1.3 var(--body-font);text-decoration:underline;white-space:nowrap} html.ux-review body #app #main .nu-order-toggle>span:last-child,html.ux-review body #app #main details[open]>.nu-order-toggle>span:first-child,html.ux-review body #app #main details[open]>summary .nu-order-toggle>span:first-child{display:none} html.ux-review body #app #main details[open]>summary .nu-order-toggle>span:last-child{display:inline} html.ux-review body #app #main .trial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start} html.ux-review body #app #main .trial-product-overview{grid-column:1;grid-row:1;min-width:0} html.ux-review body #app #main .trial-product-overview>.packvisual{width:100%;height:220px;aspect-ratio:auto;min-height:0;margin:0;display:block} html.ux-review body #app #main .trial-product-overview>.packvisual img{height:100%;width:100%;object-fit:contain;max-height:100%} html.ux-review body #app #main .trial-layout>.purchase-panel{grid-column:2;grid-row:1 / span 4;margin:0;min-width:0} html.ux-review body #app #main .trial-layout>.checkout-delivery-card{grid-column:1;grid-row:2;margin:0} html.ux-review body #app #main .trial-checkout-extras{grid-column:1;grid-row:3;min-width:0} html.ux-review body #app #main .trial-payment{grid-column:1;grid-row:4} html.ux-review body #app #main .nu-trial-continue{display:block;width:100%;box-sizing:border-box;text-align:center} html.ux-review body #app #main .nu-trial-terms{border:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:0;padding:0;margin:14px 0} html.ux-review body #app #main .nu-trial-terms>summary{font:400 14px/1.4 var(--body-font);padding:12px 0;min-height:44px;box-sizing:border-box} html.ux-review body #app #main .nu-extra-dialog{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid var(--navy);border-radius:24px;padding:24px;box-sizing:border-box;background:var(--paper);color:var(--navy);overscroll-behavior:contain} html.ux-review body #app #main .nu-extra-dialog::backdrop{background:color-mix(in srgb, var(--palette-navy) 60.0%, transparent)} html.ux-review body #app #main .nu-extra-dialog-heading{display:flex;align-items:start;gap:16px;justify-content:space-between} html.ux-review body #app #main .nu-extra-dialog h2{font:700 28px/1.15 var(--heading-font);margin:0 0 20px;text-align:left} html.ux-review body #app #main .nu-extra-dialog h3{font:700 22px/1.2 var(--heading-font);margin:20px 0 10px;text-align:left} html.ux-review body #app #main .nu-extra-dialog p{font:400 16px/1.5 var(--body-font);text-align:left;margin:12px 0} html.ux-review body #app #main .nu-extra-dialog-heading button{background:transparent;border:1px solid var(--navy);border-radius:50%;color:var(--navy);width:44px;height:44px;min-width:44px;font-size:28px;cursor:pointer} @media(max-width:850px){ html.ux-review body #app #main .nu-basket-extras>div{grid-template-columns:1fr} html.ux-review body #app #main .checkout-overview{display:block;border:1px solid var(--navy);border-radius:16px;background:var(--palette-cream);padding:0 14px;margin:16px 0 20px} html.ux-review body #app #main .checkout-order-details{padding:0;margin:0;border:0;border-radius:0;background:transparent} html.ux-review body #app #main .checkout-order-details>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;padding:14px 0;margin:0;font:700 19px/1.25 var(--heading-font);min-height:52px;box-sizing:border-box;cursor:pointer} html.ux-review body #app #main .checkout-order-details>summary::after{display:none} html.ux-review body #app #main .checkout-order-details>div{padding:8px 0 16px} html.ux-review body #app #main .checkout-order-details .checkout-item{padding:10px 0;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.9%, transparent)} html.ux-review body #app #main .checkout-order-details .checkout-item :is(h3,p){margin:4px 0;font-size:16px;line-height:1.4;text-align:left} html.ux-review body #app #main .checkout-order-details .checkout-item small{font-size:13px} html.ux-review body #app #main .checkout-summary>.checkout-order-details{display:none} html.ux-review body #app #main .checkout-layout{gap:20px} html.ux-review body #app #main .trial-journey{padding-top:20px} html.ux-review body #app #main .trial-journey>h1{font-size:32px;line-height:1.1;margin:12px 0} html.ux-review body #app #main .trial-journey>p{font-size:15px;line-height:1.4;margin:10px 0 16px} html.ux-review body #app #main .trial-layout{display:flex;flex-direction:column;gap:16px} html.ux-review body #app #main .trial-layout>*{width:100%;box-sizing:border-box} html.ux-review body #app #main .trial-product-overview{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center} html.ux-review body #app #main .trial-product-overview>.packvisual{width:80px;height:90px;min-height:0;aspect-ratio:auto;overflow:hidden} html.ux-review body #app #main .trial-product-overview h2{font-size:20px;line-height:1.2;margin:0 0 6px;text-align:left} html.ux-review body #app #main .trial-product-overview p{font-size:13px;line-height:1.4;margin:0;text-align:left} html.ux-review body #app #main .trial-layout>.purchase-panel{padding:16px;border-radius:20px;box-sizing:border-box} html.ux-review body #app #main .trial-layout>.purchase-panel>h2{font-size:24px;line-height:1.2;margin:0 0 12px;text-align:left} html.ux-review body #app #main .trial-layout>.purchase-panel>p{font-size:16px;line-height:1.4;margin:6px 0;text-align:left} html.ux-review body #app #main .trial-layout>.purchase-panel>.checkout-total{font-size:22px;margin:12px 0} html.ux-review body #app #main .nu-trial-continue{font-size:20px;line-height:1.2;min-height:48px;padding:12px;margin:12px 0} html.ux-review body #app #main .is-trial-checkout .trial-layout>.purchase-panel{padding:0 14px} html.ux-review body #app #main .is-trial-checkout .nu-trial-terms{margin:0;border-bottom:0} html.ux-review body #app #main .trial-layout>.checkout-delivery-card{margin:0} html.ux-review body #app #main .trial-checkout-extras .nu-checkout-extras{margin:0} html.ux-review body #app #main .trial-payment .btn{display:block;width:100%;box-sizing:border-box} html.ux-review body #app #main .nu-trial-links{font-size:13px;line-height:1.6} } html.ux-review body #app #main .trial-layout>.purchase-panel{display:block} html.ux-review body #app #main .trial-product-overview>img{display:block;width:100%;height:220px;max-height:220px;object-fit:contain} html.ux-review body #app #main .trial-journey .nu-basket-extras{padding:16px 0;margin:20px 0 0} @media(max-width:850px){ html.ux-review body #app #main .trial-product-overview>img{width:80px;height:90px;max-height:90px;object-fit:contain} html.ux-review body #app #main .trial-layout>.purchase-panel>.checkout-total{padding-top:8px} html.ux-review body #app #main .trial-journey .nu-checkout-extras .nu-basket-extras{margin:0;padding:8px 0} } /* Flavour buttons and explicit quantity controls on optional extras. */ html.ux-review body #app #main .nu-basket-extras article{grid-template-columns:80px minmax(0,1fr);gap:10px 12px} html.ux-review body #app #main .nu-basket-extras article>a{width:80px;height:120px} html.ux-review body #app #main .nu-basket-extras article>:not(a):not(.nu-extra-copy){grid-column:1/-1} html.ux-review body #app #main .nu-basket-extras .nu-extra-copy{min-width:0} html.ux-review body #app #main .nu-basket-extras .nu-extra-kicker{font:600 11px/1.3 var(--body-font);letter-spacing:.07em;text-transform:uppercase;margin:0 0 5px} html.ux-review body #app #main .nu-basket-extras .nu-extra-copy h3{font:700 21px/1.15 var(--heading-font);margin:0 0 8px} html.ux-review body #app #main .nu-basket-extras [data-extra-price]{font-weight:600;margin-bottom:0} html.ux-review body #app #main .nu-extra-flavours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0;padding:0;border:0;min-width:0} html.ux-review body #app #main .nu-extra-flavours legend{font:600 14px/1.4 var(--body-font);padding:0 0 8px;margin:0} html.ux-review body #app #main .nu-extra-flavours label{display:block;position:relative;min-width:0;margin:0;padding:0;cursor:pointer} html.ux-review body #app #main .nu-extra-flavours input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;inset:0;min-height:0} html.ux-review body #app #main .nu-extra-flavours label>span{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;border:1px solid var(--navy);border-radius:12px;padding:9px 8px;background:var(--paper);color:var(--navy);font:600 15px/1.2 var(--body-font);text-align:center} html.ux-review body #app #main .nu-extra-flavours input:checked+span{background:var(--navy);color:white;box-shadow:inset 0 0 0 1px var(--navy)} html.ux-review body #app #main .nu-extra-flavours input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px} html.ux-review body #app #main .nu-extra-buy-row{display:flex;gap:10px;align-items:stretch;min-width:0} html.ux-review body #app #main .nu-extra-stepper{display:grid;grid-template-columns:40px 28px 40px;align-items:center;flex:0 0 auto;border:1px solid var(--navy);border-radius:999px;overflow:hidden;background:var(--paper);color:var(--navy)} html.ux-review body #app #main .nu-extra-stepper button{width:40px;min-height:48px;border:0;margin:0;padding:0;background:transparent;color:var(--navy);font:600 23px/1 var(--body-font);cursor:pointer} html.ux-review body #app #main .nu-extra-stepper button:disabled{opacity:.35;cursor:default} html.ux-review body #app #main .nu-extra-stepper output{font:600 16px/1 var(--body-font);text-align:center;min-width:0} html.ux-review body #app #main .nu-extra-buy-row .btn{flex:1;min-width:0;width:auto;margin:0;padding:12px 8px;font:700 18px/1.2 var(--heading-font)} html.ux-review body #app #main .nu-extra-buy-row .btn:disabled{opacity:1;background:var(--paper);color:var(--navy);border:1px solid var(--navy);cursor:default} html.ux-review body #app #main .nu-basket-extras .nu-extra-remove{justify-self:start;margin:0;padding:4px 0;min-height:36px} html.ux-review body #app #main .nu-extra-soon-badge{display:inline-block;border:1px solid var(--navy);border-radius:999px;padding:4px 10px;font:600 12px/1.3 var(--body-font);background:var(--paper);margin:0 0 6px} html.ux-review body #app #main .nu-extra-coming-soon>button{justify-self:start} @media(max-width:400px){html.ux-review body #app #main .nu-extra-buy-row{gap:8px}html.ux-review body #app #main .nu-extra-buy-row .btn{font-size:17px}html.ux-review body #app #main .nu-extra-stepper{grid-template-columns:36px 24px 36px}html.ux-review body #app #main .nu-extra-stepper button{width:36px}} html.ux-review body #app #main .nu-basket-extras :is([data-extra-delivery],.nu-extra-status):empty{display:none} /* Optional extras appear only in the checkout reminder. */ body.has-checkout-offer{overflow:hidden} html.ux-review body #app #main dialog.nu-checkout-offer{position:fixed;inset:0;display:none;flex-direction:column;width:min(760px,calc(100% - 32px));max-width:none;max-height:90svh;margin:auto;padding:0;border:1px solid var(--navy);border-radius:26px;background:var(--paper);color:var(--navy);overflow:hidden;box-sizing:border-box} html.ux-review body #app #main dialog.nu-checkout-offer[open]{display:flex} html.ux-review body #app #main .nu-checkout-offer::backdrop{background:color-mix(in srgb, var(--palette-navy) 66.67%, transparent)} html.ux-review body #app #main .nu-checkout-offer-heading{position:static;display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px 24px 16px;background:var(--palette-denim);color:var(--navy);border:0;min-height:0;box-shadow:none;flex:0 0 auto} html.ux-review body #app #main .nu-checkout-offer-heading .eyebrow{font:600 12px/1.3 var(--body-font);letter-spacing:.08em;margin:0 0 6px;text-align:left} html.ux-review body #app #main .nu-checkout-offer-heading h2{font:700 34px/1.1 var(--heading-font);margin:0 0 8px;text-align:left} html.ux-review body #app #main .nu-checkout-offer-heading p{font:400 15px/1.4 var(--body-font);margin:0;text-align:left} html.ux-review body #app #main .nu-checkout-offer-close{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--navy);border-radius:50%;background:transparent;color:var(--navy);font:400 28px/1 var(--body-font);cursor:pointer} html.ux-review body #app #main .nu-checkout-offer-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;padding:18px 24px} html.ux-review body #app #main .nu-checkout-offer .nu-basket-extras{margin:0;border:0;border-radius:0;padding:0;background:transparent} html.ux-review body #app #main .nu-checkout-offer .nu-basket-extras>h2{display:none} html.ux-review body #app #main .nu-checkout-offer .nu-basket-extras>p{margin:0 0 12px} html.ux-review body #app #main .nu-checkout-offer .nu-basket-extras>div{grid-template-columns:repeat(2,minmax(0,1fr))} html.ux-review body #app #main .nu-checkout-offer .nu-extra-coming-soon{grid-column:1/-1} html.ux-review body #app #main .nu-checkout-offer-footer{position:static;flex:0 0 auto;display:block;background:var(--paper);border:0;border-top:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);padding:12px 24px 16px;color:var(--navy);box-shadow:none} html.ux-review body #app #main .nu-checkout-offer-footer p{display:flex;justify-content:space-between;gap:12px;font:400 16px/1.3 var(--body-font);margin:0 0 10px} html.ux-review body #app #main .nu-checkout-offer-footer>.btn{display:block;width:100%;box-sizing:border-box;padding:12px;font:700 22px/1.2 var(--heading-font);text-align:center;margin:0} html.ux-review body #app #main .nu-checkout-offer-footer small{display:block;font:400 12px/1.4 var(--body-font);text-align:center;margin-top:6px} @media(max-width:850px){ html.ux-review body #app #main dialog.nu-checkout-offer{width:calc(100% - 16px);max-height:94svh;border-radius:22px} html.ux-review body #app #main .nu-checkout-offer-heading{padding:16px;gap:8px} html.ux-review body #app #main .nu-checkout-offer-heading h2{font-size:28px} html.ux-review body #app #main .nu-checkout-offer-heading p{font-size:14px} html.ux-review body #app #main .nu-checkout-offer-body{padding:14px} html.ux-review body #app #main .nu-checkout-offer .nu-basket-extras>div{grid-template-columns:1fr} html.ux-review body #app #main .nu-checkout-offer-footer{padding:10px 16px max(12px,env(safe-area-inset-bottom))} html.ux-review body #app #main .nu-checkout-offer-footer>.btn{font-size:20px} } html.ux-review body #app #main .nu-checkout-offer-heading{position:relative;display:block;flex-wrap:nowrap} html.ux-review body #app #main .nu-checkout-offer-heading>div{display:block;width:auto;min-width:0} html.ux-review body #app #main .nu-checkout-offer-heading h2{padding-right:48px} html.ux-review body #app #main .nu-checkout-offer-close{position:absolute;right:16px;top:16px;margin:0} html.ux-review body #app #main .nu-checkout-offer-footer :is(p,strong,small){color:var(--navy)} /* Finished food and ingredients: original photography, cropped in the layout. */ html.ux-review body #app #main .home-page .nu-story-food-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;background:var(--palette-cream);border-radius:28px;align-items:start} html.ux-review body #app #main .nu-story-food-plates figure{display:flex;flex-direction:column;align-items:center;margin:0;min-width:0} html.ux-review body #app #main .nu-story-plate{position:relative;display:block;width:100%;max-width:340px;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate} html.ux-review body #app #main .nu-story-plate>img{position:absolute;display:block;width:163.934426%;height:163.934426%;max-width:none;max-height:none;left:50%;top:50%;margin:0;object-fit:fill;transform:translate(-50.3%,-49.1%)} html.ux-review body #app #main .nu-story-plate-cold>img{transform:translate(-50.6%,-49.3%)} html.ux-review body #app #main .nu-story-food-plates figcaption{margin-top:16px;text-align:center} html.ux-review body #app #main .nu-story-food-plates figcaption h3{font:700 28px/1.1 var(--heading-font);margin:0 0 8px;text-align:center} html.ux-review body #app #main .nu-story-food-plates figcaption p{font:400 18px/1.4 var(--body-font);margin:0;text-align:center} @media(max-width:850px){ html.ux-review body #app #main .home-page .nu-story-food-plates{gap:12px;padding:18px 12px 22px;border-radius:24px} html.ux-review body #app #main .nu-story-food-plates figcaption{margin-top:14px} html.ux-review body #app #main .nu-story-food-plates figcaption h3{font-size:21px;margin:0 0 6px} html.ux-review body #app #main .nu-story-food-plates figcaption p{font-size:14px;line-height:1.4} } /* Fresh plan uses the same Wilsons plate crop as the landing page. */ .rq-convenience .rq-served-bowl{background-image:url("/__l5e/assets-v1/13df6bcf-cb43-4f35-8cb5-81d6f493e33e/home-fresh-split-source-v382.webp");background-size:163.934426% 163.934426%;background-position:50.769% 47.692%} /* Calorie cost guides: shared Fresh and dry-food comparison system. */ .cal-page{color:var(--navy);background:var(--palette-cream)}.cal-hero{background:var(--palette-panel);padding:58px 0 0}.cal-hero .wrap{max-width:1000px}.cal-hero h1{font:700 clamp(44px,6vw,78px)/1.02 var(--heading-font);margin:12px 0 20px}.cal-hero h1 span{color:var(--palette-navy)}.cal-hero p{max-width:680px;font-size:19px;line-height:1.5}.cal-hero .cal-hero-lead{font:700 27px/1.2 var(--heading-font)}.cal-tabs{display:flex;gap:8px;margin-top:32px}.cal-tabs a{padding:16px 24px;border:1.5px solid var(--palette-navy);border-radius:24px 24px 0 0;text-decoration:none;color:var(--palette-navy);font-weight:700}.cal-tabs a[aria-current]{background:var(--palette-cream);border-bottom-color:var(--palette-cream)}.cal-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:40px;padding-bottom:40px}.cal-explainer h2{font:700 24px/1.2 var(--heading-font);margin:8px 0}.cal-explainer p{font-size:17px;line-height:1.5}.cal-explainer>div>span{font:700 20px var(--heading-font);color:var(--palette-navy)}.cal-comparison{padding-bottom:40px}.cal-section-heading h2,.cal-example h2,.cal-context h2{font:700 clamp(30px,4vw,44px)/1.1 var(--heading-font);margin:8px 0 16px}.cal-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;background:var(--palette-panel);border-radius:24px;padding:24px;margin:24px 0 10px}.cal-controls label{display:flex;flex-direction:column;gap:8px;font-size:17px;font-weight:700}.cal-controls select,.cal-controls input{width:100%;min-width:0;height:52px;padding:10px 12px;border:1.5px solid var(--palette-navy);border-radius:12px;background:var(--palette-cream);color:var(--palette-navy);font:400 16px var(--body-font)}.cal-small,.cal-basis,.cal-result-note{font-size:15px!important;line-height:1.5}.cal-basis{padding:16px 20px;background:var(--palette-panel);border-radius:16px}.cal-bars{display:grid;gap:20px;max-width:850px;margin:28px 0}.cal-bar-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:21px}.cal-bar-row small{font-size:14px}.cal-bar-track{height:18px;background:#eee9ee;border-radius:16px;overflow:hidden;margin-top:7px}.cal-bar-track>span{height:100%;display:block;background:var(--palette-denim);border-radius:16px}.cal-bar-row.is-nudog .cal-bar-track>span{background:var(--palette-navy)}.cal-bar-row p{font-size:15px;margin:6px 0 0}.cal-table-scroll{overflow-x:auto;border:1px solid #d9cedd;border-radius:20px;margin-top:28px}.cal-table{width:100%;min-width:790px;border-collapse:collapse;text-align:left;font-size:16px}.cal-table caption{text-align:left;padding:16px 20px;font-size:16px}.cal-table th,.cal-table td{padding:18px 16px;vertical-align:top;border-top:1px solid #ddd4e0}.cal-table thead{background:var(--palette-navy);color:white}.cal-table tbody th{min-width:200px}.cal-table small,.cal-table th span{display:block;font-size:14px;font-weight:400;margin-top:5px}.cal-table .is-nudog{background:var(--palette-panel)}.cal-sources,.cal-context details{border-top:1px solid #cec1d2;padding:18px 0}.cal-sources summary,.cal-context summary{cursor:pointer;font:700 21px var(--heading-font)}.cal-sources>div{padding:12px 0;border-bottom:1px solid #ddd}.cal-sources h3{font:700 20px var(--heading-font);margin:8px 0}.cal-sources p{font-size:16px}.cal-sources a{display:inline-block;margin:0 20px 8px 0;text-underline-offset:4px}.cal-example{background:var(--palette-panel);border-radius:28px;padding:32px;margin-top:16px;margin-bottom:40px}.cal-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.cal-example-grid>div{padding:20px;background:var(--palette-cream);border-radius:20px}.cal-example-grid strong{font:700 42px var(--heading-font)}.cal-example-grid h3{font:700 22px var(--heading-font);margin:4px 0}.cal-example-grid p{font-size:15px}.cal-context{max-width:900px;padding-bottom:56px}.cal-page [data-cal-error]:empty{display:none}.cal-page [data-cal-error]{color:#96254e}.cal-page a:focus-visible,.cal-page summary:focus-visible,.cal-page input:focus-visible,.cal-page select:focus-visible{outline:3px solid var(--palette-navy);outline-offset:3px}@media(max-width:650px){.cal-hero{padding-top:30px}.cal-hero p{font-size:17px}.cal-tabs a{padding:14px 18px;font-size:16px}.cal-explainer{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:28px}.cal-explainer>div{display:grid;grid-template-columns:35px 1fr;gap:0 8px}.cal-explainer>div>span{grid-row:1/3;padding-top:8px}.cal-explainer h2{font-size:22px}.cal-explainer p{grid-column:2;margin:4px 0}.cal-controls{grid-template-columns:1fr;padding:18px}.cal-bar-row>div:first-child{font-size:19px}.cal-bar-row small{font-size:12px}.cal-example{padding:22px;width:calc(100% - 32px)}.cal-example-grid{grid-template-columns:1fr;gap:10px}.cal-example-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-items:center;padding:16px}.cal-example-grid strong{font-size:34px;grid-row:1/3}.cal-example-grid h3,.cal-example-grid p{margin:0}.cal-example-grid b{grid-column:2}.cal-table-scroll{border-radius:14px}.cal-context .buttons{display:flex;flex-direction:column}.cal-context .btn{text-align:center}} html.ux-review body #app #main .cal-explainer h2{font:700 24px/1.2 var(--heading-font)!important;margin:8px 0!important}html.ux-review body #app #main .cal-example-grid h3{font:700 22px/1.2 var(--heading-font)!important}@media(max-width:650px){html.ux-review body #app #main .cal-explainer h2{font-size:22px!important}} .cal-pending{padding-top:12px;padding-bottom:36px}.cal-pending h2{font:700 32px/1.15 var(--heading-font)}.cal-pending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.cal-pending article{padding:24px;border:1px solid #d9cedd;border-radius:24px;background:var(--palette-panel)}.cal-pending article h3{font:700 24px/1.2 var(--heading-font);margin:0 0 14px}.cal-pending article p{font-size:16px;line-height:1.5}.cal-unverified{display:inline-block;padding:8px 12px;border:1px solid #b7a1c1;border-radius:12px;font-size:15px;font-weight:700}.cal-source-note{padding:12px;border-left:3px solid #b7a1c1;background:var(--palette-panel)}html.ux-review body #app #main .cal-pending h2{font-size:32px!important;line-height:1.15!important}html.ux-review body #app #main .cal-pending h3{font-size:24px!important;line-height:1.2!important} /* Homepage calorie comparison: compact feature, ranked prices and optional detail. */ .home-page .nu-bowl-cost{margin:32px auto;padding:0 24px;color:var(--palette-navy)} .nu-bowl-cost>details{border:1px solid var(--palette-navy);border-radius:24px;background:var(--palette-cream);overflow:hidden} .nu-bowl-cost>details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 32px;cursor:pointer;list-style:none;min-height:88px}.nu-bowl-cost summary::-webkit-details-marker{display:none} .nu-bowl-cost>details>summary h2{font-family:'Baloo 2',sans-serif;font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:700;margin:0;color:var(--palette-navy)} .nu-bowl-plus{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--palette-navy);border-radius:50%;font-size:30px;line-height:1}.nu-bowl-cost>details[open]>summary .nu-bowl-plus{transform:rotate(45deg)} .nu-bowl-body{padding:0 32px 28px}.nu-bowl-flavour{display:flex;flex-direction:column;gap:8px;max-width:360px;font-size:18px;margin:0 0 20px}.nu-bowl-flavour select{width:100%;font:inherit;min-height:48px;padding:10px 14px;border:1px solid var(--palette-navy);border-radius:12px;color:var(--palette-navy);background:var(--palette-cream)} .nu-bowl-overview{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.nu-bowl-feature{padding:28px;background:var(--palette-navy);color:var(--palette-cream);border-radius:20px}.nu-bowl-feature .nu-bowl-own-name{font-family:'Baloo 2',sans-serif;font-size:26px;line-height:1.2;font-weight:700;margin:0 0 14px}.nu-bowl-feature .nu-bowl-own-price{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:48px;line-height:1.05;margin:0 0 8px}.nu-bowl-feature .nu-bowl-own-basis{font-size:16px;line-height:1.45;margin:0}.nu-bowl-benefits{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid var(--palette-cream);display:flex;flex-wrap:wrap;gap:8px 16px;font-size:16px}.nu-bowl-benefits li{margin:0}.nu-bowl-benefits li:before{content:'✓ ';font-weight:700} .nu-bowl-competitors h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:'Baloo 2',sans-serif;font-size:24px;line-height:1.2;font-weight:700;margin:0 0 6px}.nu-bowl-competitors h3 span{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:400} .nu-bowl-price-list{margin:0}.nu-bowl-price-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--palette-navy);font-size:20px}.nu-bowl-price-list dt,.nu-bowl-price-list dd{margin:0}.nu-bowl-price-list dt{min-width:0}.nu-bowl-price-list dd{flex-shrink:0;white-space:nowrap;font-weight:700}.nu-bowl-price-list small{display:block;font-size:16px;line-height:1.35;font-weight:400;margin-top:3px}.nu-bowl-unit{font-size:16px;line-height:1.4;margin:10px 0 0} .nu-bowl-body .nu-bowl-shop{display:flex;justify-content:center;align-items:center;min-height:50px;width:fit-content;min-width:260px;margin:24px 0 12px;padding:12px 24px;background:var(--palette-navy);color:var(--palette-cream);border-radius:30px;font-size:20px;font-weight:700;text-decoration:none}.nu-bowl-body .nu-bowl-note{font-size:16px;line-height:1.45;margin:0 0 16px} .nu-bowl-disclosures>details{border-top:1px solid var(--palette-navy);border-radius:0;background:transparent;padding:0}.nu-bowl-disclosures>details>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;min-height:48px;padding:12px 0;font-size:18px;font-weight:700;cursor:pointer}.nu-bowl-disclosures>details>summary:after{content:'+';font-size:24px;line-height:1}.nu-bowl-disclosures>details[open]>summary:after{content:'−'}.nu-bowl-disclosures p,.nu-bowl-recipes{font-size:16px;line-height:1.5}.nu-bowl-recipes{padding-left:22px}.nu-bowl-recipes li{margin:6px 0}.nu-bowl-disclosures .textlink{display:inline-flex;align-items:center;min-height:44px;margin-right:20px;font-size:16px}.nu-bowl-unpriced{padding-bottom:18px}.nu-bowl-unpriced>div{font-size:18px}.nu-bowl-unpriced dd{font-size:16px;white-space:normal;text-align:right;max-width:120px}.nu-bowl-cost summary:focus-visible,.nu-bowl-flavour select:focus-visible,.nu-bowl-shop:focus-visible{outline:3px solid var(--palette-navy);outline-offset:4px} @media(max-width:700px){.home-page .nu-bowl-cost{margin:24px auto;padding:0 16px}.nu-bowl-cost>details>summary{padding:22px 20px;gap:12px}.nu-bowl-body{padding:0 20px 24px}.nu-bowl-flavour{max-width:none}.nu-bowl-overview{grid-template-columns:1fr;gap:22px}.nu-bowl-feature{padding:22px}.nu-bowl-feature .nu-bowl-own-price{font-size:42px}.nu-bowl-price-list>div{font-size:18px;padding:11px 0}.nu-bowl-competitors h3{font-size:24px}.nu-bowl-benefits{gap:8px 14px}.nu-bowl-body .nu-bowl-shop{width:100%;min-width:0;margin-top:20px}.nu-bowl-unpriced dd{max-width:90px}} .nu-hero-usp{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}.nu-hero-usp li{background:var(--navy);color:var(--paper);border-radius:999px;padding:6px 14px;font:700 14px/1.2 var(--body-font)}.nu-hero-usp li:before{content:"✓ "}.nu-matrix{max-width:1100px;margin:56px auto;padding:0 24px;color:var(--navy)}.nu-matrix h2{font-family:var(--heading-font);font-size:clamp(30px,4vw,46px);line-height:1.05;margin:0 0 8px}.nu-matrix>p{margin:0 0 24px;color:var(--muted)}.nu-mx-scroll{overflow-x:auto;border-radius:24px;background:var(--paper)}.nu-matrix table{width:100%;min-width:560px;border-collapse:collapse;font-family:var(--body-font)}.nu-matrix th,.nu-matrix td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}.nu-matrix thead th{font-family:var(--heading-font);font-size:18px}.nu-matrix tbody th{font-weight:600}.nu-matrix .nu-mx-us{background:var(--navy);color:var(--paper);font-weight:700}.nu-matrix thead .nu-mx-us{border-radius:16px 16px 0 0}.nu-matrix tr:last-child>*{border-bottom:0}.nu-matrix .nu-mx-cta{display:inline-block;margin-top:20px}@media(max-width:640px){.nu-hero-usp li{font-size:12px;padding:5px 10px}.nu-matrix th,.nu-matrix td{padding:12px 10px;font-size:14px}}@media(max-width:640px){.nu-door-emotional-copy .nu-door-intro{display:none}.nu-hero-usp{margin-top:8px}} #app #main .home-page .nu-door-grid#range-doors{max-width:1320px}@media(min-width:1000px){html.ux-review body #app #main .home-page .nu-door-grid#range-doors{grid-template-columns:repeat(3,minmax(0,1fr))}html.ux-review body #app #main .home-page #range-doors .nu-food-door h2{font-size:clamp(26px,2.4vw,34px)}}#range-doors .nu-door-mix-option .nu-door-image img{object-fit:cover} .nu-hero-cta.nu-hero-cta-primary{font-size:19px;padding:16px 26px;box-shadow:0 10px 26px -10px var(--palette-navy)} .nu-hero-cta-note{margin:10px 0 0;font-size:14px;opacity:.9} .nu-flex-note{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:14px 16px;border-radius:14px;background:var(--palette-cream);color:var(--palette-navy);font-size:14px;line-height:1.4;text-align:left} .nu-flex-note strong{font-size:15px} .quiz-plans{margin:28px 0}.quiz-plans h3{margin:0 0 12px} .quiz-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .quiz-plan{position:relative;border:1px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:18px;padding:18px;background:var(--palette-cream);color:var(--palette-navy)} .quiz-plan.is-match{border:2px solid var(--palette-navy);background:var(--palette-cream)} .quiz-plan-badge{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--palette-navy);color:var(--palette-cream);font-size:12px;font-weight:700} .quiz-plan h4{margin:0 0 6px;font-size:19px}.quiz-plan p{margin:0 0 10px;font-size:15px;line-height:1.4} .quiz-plan-flex{margin:12px 0 0;font-size:14px} @media(max-width:750px){.quiz-plan-grid{grid-template-columns:1fr}} #app #main .home-page .nu-door-grid#range-doors{max-width:1160px} html.ux-review body #app #main .home-page #range-doors .nu-door-sub{display:block;margin-top:auto;padding-bottom:12px;text-decoration:none} html.ux-review body #app #main .home-page #range-doors .nu-award-source{margin-top:auto} .nu-matrix{max-width:1160px;padding:0 32px} @media(max-width:640px){.nu-matrix{padding:0 16px;margin:40px auto}.nu-matrix table{min-width:0;table-layout:fixed}.nu-matrix th,.nu-matrix td{padding:10px 6px;font-size:12px;line-height:1.3;word-break:normal}.nu-matrix thead th{font-size:13px}.nu-matrix tbody th{width:28%} .nu-hero-usp{gap:6px;flex-wrap:nowrap}.nu-hero-usp li{font-size:11px;padding:4px 8px;white-space:nowrap}.nu-cta-long{display:none}.nu-hero-cta-note{display:none}} @media(min-width:1000px){html.ux-review body #app #main .home-page #range-doors .nu-food-door h2{font-size:clamp(24px,2.2vw,29px);min-height:2.3em}} @media(max-width:640px){.nu-matrix h2{font-size:28px}.nu-hero-usp li{font-size:10.5px;padding:4px 7px}} html.ux-review body #app #main .home-page #range-doors :is(.nu-award-source,.nu-door-sub){display:block;margin:auto 0 0;padding:0 0 14px;font-size:15px;line-height:1.4;min-height:0} html.ux-review body #app #main .home-page .nu-bowl-cost{max-width:1144px;margin-inline:auto;box-sizing:border-box} .consult-page{max-width:820px;margin:0 auto;padding:32px 20px 72px;color:var(--palette-navy)} .consult-page .quiz-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .nc{display:flex;flex-direction:column;gap:14px} .nc-progress{height:8px;border-radius:999px;background:var(--palette-cream);overflow:hidden}.nc-progress span{display:block;height:100%;background:var(--palette-navy);border-radius:999px;transition:width .3s} .nc-step{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700} .nc-title{margin:0;font-family:var(--heading-font);font-size:clamp(28px,4vw,40px);line-height:1.1;outline:0} .nc-sub{margin:0;font-size:17px;line-height:1.45} .nc-label{margin:8px 0 0;font-weight:700} .nc-field{display:flex;flex-direction:column;gap:6px;font-weight:700} .nc-field input{font:inherit;font-weight:400;font-size:18px;padding:14px 16px;border:1px solid color-mix(in srgb, var(--palette-navy) 40.0%, transparent);border-radius:14px;background:var(--palette-cream);color:var(--palette-navy)} .nc-kg{display:flex;align-items:center;gap:10px}.nc-kg input{width:140px}.nc-kg em{font-style:normal;font-size:18px} .nc-grid{display:grid;gap:12px}.nc-2{grid-template-columns:repeat(2,1fr)}.nc-3{grid-template-columns:repeat(3,1fr)} .nc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;padding:16px 12px;border:2px solid transparent;border-radius:20px;background:var(--palette-panel);color:var(--palette-navy);font:inherit;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s} .nc-card:hover{transform:translateY(-2px)}.nc-card:focus-visible{outline:3px solid var(--palette-navy);outline-offset:2px} .nc-card.is-on{border-color:var(--palette-navy);background:var(--palette-cream);box-shadow:inset 0 0 0 1px var(--palette-navy)} .nc-card strong{font-size:17px}.nc-card small{font-size:13px;opacity:.8} .nc-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--palette-navy);color:var(--palette-denim)}.nc-ico svg{width:30px;height:30px} .nc-chips{display:flex;flex-wrap:wrap;gap:10px}.nc-chips .nc-card{min-height:0;padding:10px 18px;border-radius:999px;flex-direction:row} .nc-avoid .nc-card.is-on{background:var(--palette-cream);text-decoration:line-through} .nc-error{margin:0;color:#9b1c31;font-weight:600} .nc-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px} .nc-back{background:none;border:0;font:inherit;font-weight:700;color:var(--palette-navy);cursor:pointer;padding:12px 4px} .nc-next{min-width:200px}.nc-next[aria-disabled="true"]{opacity:.45} .nc-calc{align-items:center;text-align:center;padding:60px 0}.nc-calc h2{font-family:var(--heading-font);font-size:clamp(26px,4vw,36px);margin:10px 0 0} .nc-bowl{display:flex;gap:10px}.nc-bowl span{width:16px;height:16px;border-radius:50%;background:var(--palette-navy);animation:ncb 1s infinite ease-in-out}.nc-bowl span:nth-child(2){animation-delay:.15s}.nc-bowl span:nth-child(3){animation-delay:.3s} @keyframes ncb{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-10px);opacity:1}} .nc-calc-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.nc-calc-list li{opacity:0;animation:ncf .4s forwards}.nc-calc-list li:nth-child(1){animation-delay:.3s}.nc-calc-list li:nth-child(2){animation-delay:1s}.nc-calc-list li:nth-child(3){animation-delay:1.7s}.nc-calc-list li:before{content:"✓ ";font-weight:700} .nc-kcal{font-weight:700;font-size:20px;opacity:0;animation:ncf .4s 2s forwards} @keyframes ncf{to{opacity:1}} @media(prefers-reduced-motion:reduce){.nc-bowl span,.nc-calc-list li,.nc-kcal{animation:none;opacity:1}} .nc-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px} .nc-tab{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:16px 14px 14px;border:2px solid color-mix(in srgb, var(--palette-navy) 20.0%, transparent);border-radius:18px;background:var(--palette-cream);color:var(--palette-navy);font:inherit;text-align:left;cursor:pointer} .nc-tab strong{font-size:16px;line-height:1.2}.nc-tab span{font-size:14px} .nc-tab.is-on{border-color:var(--palette-navy);background:var(--palette-panel)} .nc-best{position:absolute;top:-11px;left:12px;padding:2px 10px;border-radius:999px;background:var(--palette-navy);color:var(--palette-cream)!important;font-size:11px!important;font-weight:700} .nc-plan{border-radius:24px;background:var(--palette-panel);padding:24px;display:flex;flex-direction:column;gap:16px} .nc-plan-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.nc-plan h3{margin:0 0 6px;font-family:var(--heading-font);font-size:28px}.nc-plan-head p{margin:0;line-height:1.45} .nc-price{text-align:right;white-space:nowrap}.nc-price strong{display:block;font-family:var(--heading-font);font-size:34px;line-height:1}.nc-price span{font-size:14px} .nc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.nc-facts div{background:var(--palette-cream);border-radius:14px;padding:12px}.nc-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.nc-facts dd{margin:4px 0 0;font-weight:700}.nc-facts s{font-weight:400;opacity:.6;margin-left:4px} .nc-box{list-style:none;margin:0;padding:0;display:grid;gap:6px}.nc-box li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid color-mix(in srgb, var(--palette-navy) 14.9%, transparent);padding:6px 0}.nc-box small{opacity:.75} .nc-add{width:100%;justify-content:center}.nc-fine{margin:0;font-size:13px;opacity:.85} .nc-guarantee{border:2px solid var(--palette-navy);border-radius:20px;padding:18px 20px}.nc-guarantee h3{margin:0 0 10px;font-family:var(--heading-font);font-size:22px}.nc-guarantee ul{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nc-guarantee li{background:var(--palette-cream);border-radius:12px;padding:10px;text-align:center;font-size:14px}.nc-guarantee li:before{content:"✓ ";font-weight:700}.nc-guarantee p{margin:0;font-size:14px}.nc-guarantee a{color:inherit} .nc-restart{align-self:center} @media(max-width:640px){.nc-3{grid-template-columns:1fr}.nc-3 .nc-card{flex-direction:row;justify-content:flex-start;min-height:0;text-align:left;padding:12px 14px;gap:12px}.nc-3 .nc-card small{margin-left:auto;text-align:right}.nc-ico{width:42px;height:42px;flex:none}.nc-ico svg{width:24px;height:24px} .nc-toggle{grid-template-columns:1fr}.nc-tab{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 14px}.nc-facts{grid-template-columns:1fr}.nc-guarantee ul{grid-template-columns:repeat(2,1fr)}.nc-plan{padding:18px}.nc-plan-head{flex-direction:column}.nc-price{text-align:left}.nc-next{min-width:0;flex:1}} body:has(.consult-page) :is(.chat-launcher,.nudog-chat){display:none!important} .consult-page,[data-consult]{scroll-margin-top:150px} .nc-nav{flex-direction:column-reverse;align-items:stretch} .nc-nav .nc-next{width:100%;min-width:0;justify-content:center} .nc-nav .nc-back{align-self:center} .nc-nav>span:empty{display:none} .nc-facts{grid-template-columns:repeat(2,1fr)} .nc-pricing{display:grid;grid-template-columns:1.2fr 1fr;gap:10px} .nc-pricing>div{border-radius:16px;padding:14px}.nc-sub-price{background:var(--palette-navy);color:var(--palette-cream)}.nc-once-price{background:var(--palette-cream)} .nc-price-tag{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em} .nc-pricing dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.nc-pricing dt{font-size:12px;opacity:.8}.nc-pricing dd{margin:2px 0 0;font-weight:700;font-size:17px}.nc-once-price dd{font-weight:600} .nc-box-title{margin:4px 0 0;font-size:16px}.nc-box li{flex-wrap:wrap}.nc-box li span{font-weight:700} @media(max-width:640px){.nc-pricing{grid-template-columns:1fr}.nc-facts{grid-template-columns:1fr}} @media(max-width:640px){.nc-pricing dd{font-size:15px;white-space:nowrap}} /* ══ Warm accent pass ═══════════════════════════════════════════════════════ IMG_4290 roles: cream surfaces, navy structure, denim highlights, terracotta exclusively for action buttons. ═════════════════════════════════════════════════════════════════════════ */ /* Primary actions: every solid .btn / .card-action / submit */ html.ux-review body :is(a,button,div):is(.btn,.card-action):not(.alt):not(.secondary):not(.ghost):not(.textlink):not(:disabled):not([aria-disabled="true"]), html body :is(a,button):is(.btn,.card-action):not(.alt):not(.secondary):not(.ghost):not(.textlink):not(:disabled):not([aria-disabled="true"]), html body button[type=submit]:not(.alt):not(.secondary):not(:disabled){background:var(--warm-terracotta)!important;border-color:var(--warm-terracotta)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html.ux-review body :is(a,button,div):is(.btn,.card-action):not(.alt):not(.secondary):not(.ghost):not(.textlink):not(:disabled):not([aria-disabled="true"]):hover, html body :is(a,button):is(.btn,.card-action):not(.alt):not(.secondary):not(.ghost):not(.textlink):not(:disabled):not([aria-disabled="true"]):hover, html body button[type=submit]:not(.alt):not(.secondary):not(:disabled):hover{background:var(--warm-terracotta-deep)!important;border-color:var(--warm-terracotta-deep)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} /* Brand CTAs (were lilac): header pill, trial link, hero buttons */ html body #app>header .nu-header-primary, html body #app>header .desktop-navigation>a[href='#trial'], html body #app #main .nu-hero-carousel .nu-hero-cta:not(.nu-hero-cta-primary){background:var(--warm-apricot)!important;border-color:var(--warm-apricot)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app>header .nu-header-primary:hover, html body #app>header .desktop-navigation>a[href='#trial']:hover, html body #app #main .nu-hero-carousel .nu-hero-cta:not(.nu-hero-cta-primary):hover{background:var(--warm-apricot-deep)!important;border-color:var(--warm-apricot-deep)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app #main .nu-hero-carousel .nu-hero-cta.nu-hero-cta-primary{background:var(--warm-terracotta)!important;border-color:var(--warm-terracotta)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app #main .nu-hero-carousel .nu-hero-cta.nu-hero-cta-primary:hover{background:var(--warm-terracotta-deep)!important;border-color:var(--warm-terracotta-deep)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} /* Food finder: warm selected states, apricot plan panel */ html body .nc-card{background:var(--palette-cream)!important;color:var(--palette-navy)!important} html body .nc-card.is-on{background:var(--warm-apricot)!important;border-color:var(--palette-navy)!important} html body .nc-tab.is-on{background:var(--warm-apricot)!important;border-color:var(--palette-navy)!important} html body .nc-plan{background:var(--warm-apricot-soft)!important} html body .nc-progress{background:var(--warm-apricot-soft)!important} html body .nc-guarantee li{background:var(--warm-apricot-soft)!important} html body .nc-field input:focus-visible{outline-color:var(--warm-terracotta)} /* Focus rings read on both cream and navy */ html.ux-review body #app #main :is(a,button):is(.btn,.card-action):focus-visible, html.ux-review body .meal-email-dialog .btn:focus-visible, html body :is(a,button,.nc-card,.nc-tab):focus-visible{outline-color:var(--warm-terracotta)!important} /* Purchase, cost and checkout panels: warm, so the terracotta button sits in one temperature */ html.ux-review body #app .shop-page .nu-purchase-options, html.ux-review body #app .product-page .purchase-panel, html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .nu-purchase-options, html.ux-review body #app #main :is(.shop-page,.nu-range-landing) .recipe-card .treat-quick-buy, html body #app #main .nu-mix-calc .nu-guide-recommendations, html body #app #main .nu-mixed .nu-feed-cost, html body .nu-repeat-advice, html body .nu-simple-estimate, html body .nu-subscription-payment-note{background:var(--warm-apricot-soft)!important;color:var(--palette-navy)!important} /* ══ Nordic Navy & Baby Blue ══ off-white page, navy structure, baby blue CTAs; lilac retired */ html,body,html.ux-review body{background-color:var(--palette-cream)!important} html body .nc-field input:focus-visible,html body :is(a,button,.nc-card,.nc-tab):focus-visible{outline-color:var(--palette-navy)!important} /* IMG_4290 palette: action and highlight roles are intentionally separate. */ html body #app>header .nu-header-primary, html body #app>header .desktop-navigation>a[href='#trial'], html body #app #main .nu-hero-carousel .nu-hero-cta, html body .nu-drawer-primary{background:var(--palette-action)!important;border-color:var(--palette-action)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app>header .nu-header-primary:hover, html body #app>header .desktop-navigation>a[href='#trial']:hover, html body #app #main .nu-hero-carousel .nu-hero-cta:hover, html body .nu-drawer-primary:hover{background:var(--palette-action-hover)!important;border-color:var(--palette-action-hover)!important} html body #app .announce{background:var(--palette-slate)!important;color:var(--palette-cream)!important} html body #app .announce span{color:var(--palette-cream)!important} html body #app>footer.compact-footer :is(a,p,span,label,summary,h2,h3,small,strong,button){color:var(--palette-cream)} html body .nc-card.is-on,html body .nc-tab.is-on{background:var(--palette-denim)!important;color:var(--palette-cream)!important} html body .nc-card.is-on :is(strong,span,small){color:var(--palette-cream)!important} html body #app #main .nc-nav .nc-next{background:var(--palette-action)!important;border-color:var(--palette-action)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app #main .nc-nav .nc-next:hover{background:var(--palette-action-hover)!important} /* Ollie-inspired palette: lemon actions, lilac highlights, plum structure. */ html.ux-review body #app>header,html body #app>header,html body #app>header.scrolled{background:var(--palette-navy)!important;color:var(--palette-white)!important} html body #app>header :is(.desktop-navigation,.mobile-navigation,.header-actions,.header-brand){color:var(--palette-white)!important} html body #app>header :is(.mobile-menu,.nu-drawer,.mobile-navigation){background:var(--palette-navy)!important} html.ux-review body #app>footer.compact-footer,html body #app>footer,html body .site-footer{background:var(--palette-footer)!important;background-image:none!important;color:var(--palette-white)!important} html body #app .announce{background:var(--palette-denim)!important;color:var(--palette-navy)!important} html body #app .announce span{color:var(--palette-navy)!important} html.ux-review body #app>header .logo,html body #app>header .logo,html.ux-review body #app>footer.compact-footer .logo,html body #app>footer .logo{filter:brightness(0) invert(1)!important} html body #app>footer.compact-footer :is(a,p,span,label,summary,h2,h3,small,strong,button){color:var(--palette-white)} html body #app>header .nu-header-primary,html body #app>header .desktop-navigation>a[href='#trial'],html body #app #main .nu-hero-carousel .nu-hero-cta,html body .nu-drawer-primary{background:var(--palette-action)!important;border-color:var(--palette-action)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body .nc-card.is-on,html body .nc-tab.is-on,html body .nc-card.is-on :is(strong,span,small){color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} html body #app>footer button[type=submit]{background:var(--palette-action)!important;color:var(--palette-navy)!important;-webkit-text-fill-color:var(--palette-navy)!important} /* Compact navigation and content-matched artwork. */ html body #app>header .desktop-navigation .bag[hidden],html body .laptop-shop-links a[hidden]{display:none!important} html body .nu-active-basket{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:16px;z-index:40;display:none;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid var(--palette-navy);border-radius:999px;background:var(--palette-action);color:var(--palette-navy);font:700 15px/1.3 var(--body-font);box-shadow:0 4px 16px color-mix(in srgb,var(--palette-navy) 15%,transparent)} html body .nu-active-basket[hidden]{display:none!important} .nu-active-basket svg{width:22px;height:22px;flex:none}.nu-active-basket strong{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;background:var(--palette-navy);color:var(--palette-white);border-radius:50%;font-size:12px} html body:has(.cart-page) .nu-active-basket,html body:has(.checkout-page) .nu-active-basket,html body:has(.consult-page) .nu-active-basket,html body.mobile-drawer-open .nu-active-basket{display:none!important} @media(max-width:850px){ html.ux-review body #app>header{display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;padding:10px 16px!important;min-height:88px!important} html.ux-review body #app>header .header-brand,html.ux-review body:has(.home-page) #app>header .header-brand,html.ux-review body:not(:has(.home-page)) #app>header .header-brand{flex:0 0 108px!important;width:108px!important;height:56px!important;margin:0!important} html.ux-review body #app>header :is(.packaging-logo-tab,img.logo){width:108px!important;height:56px!important;max-width:100%!important} html.ux-review body #app>header .nu-header-primary{display:flex!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;height:52px!important;min-height:52px!important;font-size:15px!important;line-height:1.2!important;padding:10px 12px!important;white-space:nowrap!important} html.ux-review body #app>header .desktop-navigation,html.ux-review body #app>header .desktop-navigation>*{display:none!important} html.ux-review body #app>header .mobile-navigation{display:flex!important;flex:0 0 36px!important;width:36px!important;height:44px!important;margin:0!important} html body .nu-active-basket:not([hidden]){display:flex} html body:has(.nu-active-basket:not([hidden])){padding-bottom:80px} } @media(max-width:360px){html.ux-review body #app>header{gap:8px!important;padding-inline:12px!important}html.ux-review body #app>header .header-brand{flex-basis:92px!important;width:92px!important}html.ux-review body #app>header :is(.packaging-logo-tab,img.logo){width:92px!important}html.ux-review body #app>header .nu-header-primary{font-size:13px!important;padding-inline:8px!important}} html.ux-review body #app #main .info-navigation .nu-help-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--palette-panel);color:var(--palette-navy);padding:10px} html.ux-review body #app #main .info-navigation .nu-help-icon svg{width:24px;height:24px;flex:none} html.ux-review body #app #main .info-navigation a[aria-current=page]{background:var(--palette-denim)!important;border-color:var(--palette-navy)!important;color:var(--palette-navy)!important} html.ux-review body #app #main .info-navigation a[aria-current=page] .nu-help-icon{background:var(--palette-cream)} html.ux-review body #app #main .contact-helpdesk{gap:32px;justify-content:center;background:var(--palette-panel)!important} html.ux-review body #app #main .nu-contact-symbol{display:grid;place-items:center;flex:0 0 120px;width:120px;height:120px;background:var(--palette-denim);color:var(--palette-navy);border-radius:50%;margin:0} .nu-contact-symbol svg{width:68px;height:68px} @media(max-width:640px){html.ux-review body #app #main .contact-helpdesk{gap:24px}html.ux-review body #app #main .nu-contact-symbol{flex-basis:88px;width:88px;height:88px}.nu-contact-symbol svg{width:48px;height:48px}html.ux-review body #app #main .info-navigation a{gap:8px;padding:10px 6px;font-size:14px}} html body #app>header .laptop-shop-links{background:var(--palette-navy);color:var(--palette-white)} html body #app>header .laptop-shop-links a{color:var(--palette-white)!important} html body #app #main :is(.info-help,.info-tiles article,.info-contact-grid article,.cal-basis,.cal-controls,.cal-pending article,.nu-checkout-offer-heading){background:var(--palette-panel)!important;color:var(--palette-navy)!important} html body #app #main :is(.info-steps li,.info-summary-label){border-color:var(--palette-denim)} html body #app #main .recipe-card>.productimage{background:var(--palette-panel)!important} html body .nc-card{border-color:color-mix(in srgb,var(--palette-navy) 20%,transparent)!important} html body .nc-ico{background:var(--palette-denim)!important;color:var(--palette-navy)!important} html body .nc-card.is-on{border-color:var(--palette-navy)!important} html body .nc-next[aria-disabled="true"]{opacity:1;background:var(--palette-panel)!important;border-color:var(--palette-panel)!important;color:color-mix(in srgb,var(--palette-navy) 65%,var(--palette-cream))!important;-webkit-text-fill-color:color-mix(in srgb,var(--palette-navy) 65%,var(--palette-cream))!important} html body #app #main :is(.nu-door-mark,.nu-benefit-icon){color:var(--palette-navy)} html body #app #main .nu-door-mark{background:var(--palette-denim)} html body #app #main :is(.nu-review-media-label,.saving-badge,.bundle-recommendation){background:var(--palette-denim)!important;color:var(--palette-navy)!important} @media(prefers-reduced-motion:reduce){.nu-active-basket{transition:none}} @media(min-width:851px){html.ux-review body #app>header .desktop-navigation .bag:not([hidden]){display:flex!important;visibility:visible!important;flex:0 0 40px;background-color:transparent;color:var(--palette-white)!important}} /* Consultation: fixed icon/text tracks and explicit contrasting foregrounds. */ html body #app #main .consult-page{padding-top:20px;padding-bottom:40px} .consult-page .quiz-page-heading{margin-bottom:12px;align-items:center} .consult-page .quiz-page-heading .eyebrow{margin:0;font-size:12px} html body #app #main .nc-title{font-size:34px;line-height:1.15} .nc-body{display:grid;gap:16px}.nc-body .nc-label{margin:0} .nc-answer{display:flex;flex-direction:column;gap:4px;min-width:0}.nc-answer strong{display:block;line-height:1.3}.nc-answer small{display:block;line-height:1.4} html body #app #main .nc-card .nc-answer{color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy)} html body #app #main .nc-card .nc-ico{background:var(--palette-denim);color:var(--palette-navy);-webkit-text-fill-color:var(--palette-navy);flex-shrink:0} html body #app #main .nc-card.is-on .nc-ico{background:var(--palette-navy)!important;color:var(--palette-white)!important;-webkit-text-fill-color:var(--palette-white)!important} html body #app #main .nc-card.is-on .nc-ico svg{color:var(--palette-white)!important} html body #app #main .nc-best{background:var(--palette-navy)!important;color:var(--palette-white)!important;-webkit-text-fill-color:var(--palette-white)!important;position:static;align-self:flex-start;font-size:12px!important;line-height:1.5} html body #app #main .nc-tab.is-on .nc-best{color:var(--palette-white)!important;-webkit-text-fill-color:var(--palette-white)!important} html body #app #main .nc-sub-price,html body #app #main .nc-sub-price :is(p,dt,dd){color:var(--palette-white)!important;-webkit-text-fill-color:var(--palette-white)!important} .nc-tab{min-height:112px;justify-content:center}.nc-box-total{display:grid;gap:6px;padding-block:12px;border-block:1px solid var(--line)}.nc-coverage{margin:0;font-size:14px;line-height:1.5}.nc-edit-actions{display:flex;gap:24px;justify-content:center}.nc-error{color:var(--palette-error)} html body #app #main .nc-plan{background:transparent!important;border-radius:0;padding:20px 0}.nc-facts>div,.nc-pricing>div{border-radius:12px}.nc-guarantee{border-radius:0;border-width:1px 0;padding:20px 0} html body .nu-menu-search{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 0;background:transparent;border:0;color:var(--palette-navy);font:inherit;font-weight:700;text-align:left;cursor:pointer} html body #app #main :is(.nc-tab,.nc-card,.nc-next,.nc-back):focus-visible{outline:3px solid var(--palette-navy)!important;outline-offset:3px} body:has(.consult-page) #status{display:none!important} body:has(.basket-page) .nu-active-basket{display:none!important} html body .nu-review-placeholder,html body .nu-review-card:has(.nu-review-placeholder){display:none!important} @media(max-width:640px){html body #app #main .nc-title{font-size:28px}.nc{gap:12px}.nc-nav{margin-top:4px}.nc-2 .nc-card{min-height:108px}.nc-3 .nc-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;min-height:76px}.nc-3 .nc-card small{margin-left:0;text-align:left}.nc-answer strong{font-size:16px}.nc-answer small{font-size:13px}.nc-toggle .nc-tab{flex-direction:column;align-items:flex-start;gap:7px;min-height:94px}.nc-pricing dl{grid-template-columns:1fr;gap:10px}.nc-pricing dl>div{display:flex;justify-content:space-between;gap:12px}.nc-pricing dd{margin:0}.nc-price-tag{line-height:1.5}.nc-box li{flex-direction:column;gap:4px}.nc-box small{opacity:1}} html body #app #main .nu-hero-cta-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important}.nu-hero-cta-primary .nu-cta-long{display:none!important} html body #app #main .info-hero .info-hero-inner{border-radius:0!important} @media(max-width:640px){html body #app #main .nu-hero-cta-primary{width:100%!important;min-width:0!important}.nu-hero-usp{flex-wrap:wrap!important;max-width:100%!important}.nu-door-emotional-copy{min-width:0!important}} /* Purchase polish: stable photos, scannable cards and clear order handoff. */ html body #app #main .product-card-grid .recipe-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius);overflow:hidden} html body #app #main .recipe-card .card-body{display:flex;flex-direction:column;gap:8px;padding:20px} html body #app #main .recipe-card :is(.card-pack,.nu-card-unit){margin:0;font-size:14px;line-height:1.5} html body #app #main .recipe-card .card-pricing{margin-top:auto;padding-top:12px;min-height:64px} html body #app #main .recipe-card .card-price-context{display:block!important;font-size:13px;line-height:1.4;color:var(--palette-navy)} html body #app #main .recipe-card .card-main-price{display:flex;align-items:baseline;gap:5px;line-height:1.2} html body #app #main .recipe-card .card-price-prefix{font-size:16px}.recipe-card .card-price-amount{font-size:28px} html body #app #main .recipe-card .treat-quick-buy{margin-top:auto;padding:0 20px 20px} html body #app #main .recipe-card .card-action{min-height:48px;background:var(--palette-action)!important;color:var(--palette-navy)!important} html body #app #main .product-gallery .gallery-track{scroll-snap-type:x mandatory;align-items:start} html body #app #main .product-gallery .gallery-slide{flex:0 0 100%;scroll-snap-align:start;min-width:0} html body #app #main .product-gallery .gallery-slide :is(.bigimage,.gallery-food){height:400px;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--palette-panel)} html body #app #main .product-gallery .gallery-slide :is(img,.packvisual){max-height:100%;object-fit:contain} html body #app #main .gallery-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;max-width:100%;padding:8px 0;scrollbar-width:thin} html body #app #main .gallery-tabs button{flex:0 0 auto;min-height:44px;font-size:14px} .nu-order-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0;border-block:1px solid var(--line);margin:24px 0} .nu-order-steps>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center} .nu-order-steps>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--palette-denim);color:var(--palette-navy);font-weight:700} html body #app #main .nu-order-steps p{grid-column:2;margin:0;font-size:14px;line-height:1.5} html body #app #main .nu-delivery-reassurance{padding:20px 0;border-block:1px solid var(--line);margin:20px 0} html body #app #main .nu-delivery-reassurance h2{font-size:22px;margin:0 0 12px} html body #app #main .nu-delivery-reassurance p{font-size:14px;line-height:1.6;margin:8px 0} html body #app #main .checkout-fields input,html body #app #main .checkout-fields select{min-height:48px;font-size:16px} html body #app #main .nu-wa-checkout .btn{width:100%;min-height:52px;white-space:normal;text-align:center} html body #app #main .nu-wa-checkout .small{font-size:14px;line-height:1.6} html body:has(.checkout-page) .chat-launcher,html body:has(.quick-basket-drawer[open]) .chat-launcher,html body:has(.nu-privacy:not([hidden])) .chat-launcher,html body:has(.nu-privacy:not([hidden])) .nu-active-basket{display:none!important} html body .nu-privacy{position:fixed;bottom:16px;right:16px;z-index:150;width:440px;max-width:calc(100% - 32px);padding:20px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--palette-cream);color:var(--palette-navy);box-shadow:0 8px 32px color-mix(in srgb,var(--palette-navy) 18%,transparent)} html body .nu-privacy[hidden]{display:none} html body .nu-privacy h2{font:700 22px/1.3 var(--heading-font);margin:0 0 10px} html body .nu-privacy p{font:400 14px/1.5 var(--body-font);margin:8px 0 16px} .nu-privacy a{text-decoration:underline}.nu-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nu-privacy .btn{width:100%;min-height:44px;font-size:14px;background:var(--palette-cream)!important;color:var(--palette-navy)!important;border:1px solid var(--palette-navy)!important} .nu-privacy .textlink{min-height:44px;background:none;border:0;color:var(--palette-navy);font:600 14px var(--body-font);margin-top:8px} .nu-privacy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font:400 14px/1.4 var(--body-font)}.nu-privacy-row input{width:22px;height:22px;accent-color:var(--palette-navy);flex:none} html body .site-footer [data-privacy-settings]{min-height:44px;color:var(--palette-white);background:transparent;border:0;font:inherit;text-decoration:underline;cursor:pointer} html body #app #main :is(.info-hero h1,.product-page h1,.basket-page h1,.checkout-page h1){letter-spacing:0} @media(max-width:850px){ html body #app #main .product-page{padding-top:20px} html body #app #main .product-page>.back{margin-bottom:12px} html body #app #main .product .nu-product-overview{padding-bottom:12px} html body #app #main .product .nu-product-overview h1{font-size:28px;line-height:1.2;margin:8px 0} html body #app #main .product-gallery .gallery-slide :is(.bigimage,.gallery-food){height:300px!important;aspect-ratio:auto;min-height:0!important} html body #app #main .product-gallery .gallery-slide .packvisual{height:100%!important;max-height:300px!important;min-height:0!important} html body #app #main .product-gallery .gallery-slide .packvisual img{height:100%;object-fit:contain} html body #app #main .product-gallery .gallery-slide figcaption{font-size:12px;line-height:1.5;margin:8px 0} html body #app #main .product-gallery .gallery-slide .bigimage>img{height:100%!important;width:100%;object-fit:contain;padding:12px} .nu-order-steps{grid-template-columns:1fr;gap:16px;padding:20px 0} html body #app #main .checkout-summary{padding:0!important;background:transparent!important;border:0!important} html body #app #main .checkout-delivery-card{padding:0!important;background:transparent!important;border:0!important} html body #app #main .checkout-fields{gap:16px} html body #app #main .checkout-layout{gap:24px} html body #app #main .fresh-recipe-navigation{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 0 8px;padding-bottom:4px} html body #app #main .fresh-recipe-navigation>*{flex:0 0 auto} } @media(max-width:380px){html body #app #main .product-gallery .gallery-slide :is(.bigimage,.gallery-food){height:260px!important}} @media(prefers-reduced-motion:reduce){html body #app #main .gallery-track{scroll-behavior:auto}} /* Shorter shopping path: optional explanations remain available on demand. */ html body .nu-privacy:not(.is-settings){padding:12px 16px} html body .nu-privacy:not(.is-settings) h2{font-size:18px;margin:0 0 4px} html body .nu-privacy:not(.is-settings) p{margin:4px 0 8px;font-size:13px} html body .nu-privacy-actions{grid-template-columns:1fr 1fr auto;gap:8px;align-items:center} html body .nu-privacy-actions .btn{padding:8px;min-height:44px} html body .nu-privacy-actions .textlink{margin:0;padding:4px;min-height:44px} html body .nu-privacy{max-height:calc(100dvh - 32px);overflow:auto} html body #app #main :is(.nc-price-details,.nc-guarantee,.checkout-optional,.nu-order-explainer,.nu-delivery-reassurance){border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0;margin:8px 0;background:transparent} html body #app #main :is(.nc-price-details,.nc-guarantee,.checkout-optional,.nu-order-explainer,.nu-delivery-reassurance)>summary{font-size:16px;font-weight:700;line-height:1.4;min-height:44px;cursor:pointer;display:list-item;padding:10px 0;color:var(--palette-navy)} html body #app #main .nc-box-preview{font-size:16px;font-weight:700;margin:8px 0} html body #app #main .nc-add{width:100%;min-height:52px;margin:12px 0;white-space:normal} html body #app #main .nu-order-explainer .nu-order-steps{border:0;margin:0;padding:12px 0} html body #app #main .checkout-overview{display:block;margin:12px 0} html body #app #main .checkout-optional .checkout-fields{padding-top:12px} html body #app #main .checkout-page{padding-top:20px} @media(max-width:640px){ html body #app #main .nc-results{gap:6px} html body #app #main .nc-results .nc-plan{gap:6px} html body #app #main .nc-results .nc-facts>div{display:flex;flex-direction:column;gap:4px;background:transparent;border-radius:0;padding:4px 0} html body #app #main .nc-results .nc-facts dt{letter-spacing:0} html body #app #main .nc-results .nc-facts dd{margin:0} html body #app #main .nc-results .nc-title{font-size:24px;margin:8px 0} html body #app #main .nc-results :is(.nc-sub,.nc-fine){font-size:13px;line-height:1.45;margin:8px 0} html body #app #main .nc-results .nc-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0} html body #app #main .nc-results .nc-tab{padding:10px 8px;min-height:130px;gap:6px;justify-content:flex-end} html body #app #main .nc-results .nc-tab strong{font-size:13px;line-height:1.3} html body #app #main .nc-results .nc-tab>span:not(.nc-best){font-size:12px;line-height:1.4} html body #app #main .nc-results .nc-best{font-size:10px!important;padding:3px 5px;white-space:normal} html body #app #main .nc-results .nc-plan{padding:8px 0} html body #app #main .nc-results .nc-plan-head{display:none} html body #app #main .nc-results .nc-facts{margin:8px 0} html body #app #main .nc-results .nc-facts>div{padding:10px} html body #app #main .nc-results .nc-facts dd{font-size:16px} html body #app #main .checkout-fields{gap:12px} } @media(max-width:640px){html body #app #main .nc-results{gap:6px}html body #app #main .nc-results .nc-plan{gap:6px}html body #app #main .nc-results .nc-facts>div{display:flex;flex-direction:column;gap:4px;background:transparent;border-radius:0;padding:4px 0}html body #app #main .nc-results .nc-facts dt{letter-spacing:0}html body #app #main .nc-results .nc-facts dd{margin:0}} /* Mobile reading scale: body 18px, supporting copy 16px, actions 18px. Keep display headings and price figures independent from compact labels. */ @media (max-width: 850px) { :root { --mobile-body-size:18px; --mobile-detail-size:16px; --mobile-action-size:18px; } html.ux-review body #app #main :is(p,li,label,input,select,textarea) { line-height:1.5; } html.ux-review body #app #main :is(.small,small,figcaption,.eyebrow,.card-pack,.nu-card-unit,.card-price-context,.nu-pdp-unit,.nc-step,.nc-fine,.nc-coverage,.nc-price-tag,.nc-pricing dt,.nc-facts dt,.nu-extra-kicker,.nu-extra-status,.nu-extra-soon-badge,.nu-trial-links,.nu-trial-terms>summary,.nu-order-toggle) { font-size:var(--mobile-detail-size)!important;line-height:1.5!important;letter-spacing:0; } html.ux-review body #app #main :is(.nu-story-food-plates figcaption p,.nu-story-caption p,.nu-proof-strip p,.info-tiles p,.info-contact-grid p,.nu-delivery-reassurance p,.nu-order-steps p,.nu-wa-checkout .small,.trial-journey>p,.trial-product-overview p,.nu-checkout-offer-heading p,.nu-basket-extras p,.nc-sub,.nc-results .nc-sub,.nc-field,.nc-box,.nc-box-preview) { font-size:var(--mobile-body-size)!important;line-height:1.5!important; } html.ux-review body #app #main :is(.btn,.card-action,.textlink,.gallery-tabs button,.nu-story-tabs button,.nu-quality-tabs button,details>summary,.checkout-fields input,.checkout-fields select,.nc-back,.nc-answer strong,.nc-card strong) { font-size:var(--mobile-action-size)!important;line-height:1.4!important; } html.ux-review body #app #main :is(.nc-answer small,.nc-tab>span:not(.nc-best),.nc-guarantee p,.nc-guarantee li,.nc-results .nc-fine,.nu-extra-flavours legend,.nu-extra-flavours label>span,.nu-checkout-offer-footer small,.product-gallery .gallery-slide figcaption) { font-size:var(--mobile-detail-size)!important;line-height:1.5!important; } html.ux-review body #app #main .nc-title { font-size:32px;line-height:1.2; } html.ux-review body #app #main .nc-results .nc-title { font-size:30px; } html.ux-review body #app #main .nc-results .nc-toggle { grid-template-columns:1fr;gap:12px; } html.ux-review body #app #main .nc-results .nc-tab { min-height:100px;padding:16px;justify-content:center;gap:6px; } html.ux-review body #app #main .nc-results .nc-tab strong { font-size:var(--mobile-action-size);line-height:1.4; } html.ux-review body #app #main .nc-best { font-size:var(--mobile-detail-size)!important;line-height:1.4;padding:4px 10px; } html.ux-review body #app #main .nu-hero-usp li { font-size:var(--mobile-detail-size);line-height:1.4;white-space:normal; } html.ux-review body #app #main .nu-matrix :is(th,td) { font-size:var(--mobile-detail-size);line-height:1.45;padding:12px 6px;overflow-wrap:anywhere; } html.ux-review body #app #main .nu-matrix thead th { font-size:var(--mobile-detail-size); } html.ux-review body #app #main .nu-quality-tabs { flex-wrap:wrap; } html.ux-review body #app #main .info-navigation a { font-size:var(--mobile-detail-size);line-height:1.4; } html.ux-review body #app #main .product .nu-product-overview h1 { font-size:32px; } html.ux-review body #app #main .nu-story-food-plates figcaption h3 { font-size:24px;line-height:1.2; } html.ux-review body #app>header .nu-header-primary { font-size:var(--mobile-detail-size)!important;white-space:normal!important;text-align:center; } html body .nu-active-basket { font-size:var(--mobile-detail-size); } html.ux-review body #app>footer :is(p,a,small,label,button) { font-size:var(--mobile-detail-size)!important;line-height:1.5; } html.ux-review body #app>footer summary { font-size:var(--mobile-action-size)!important;line-height:1.4; } html body .nu-privacy :is(p,.btn,.textlink,.nu-privacy-row) { font-size:var(--mobile-detail-size)!important;line-height:1.4; } html body .nu-privacy:not(.is-settings) h2 { font-size:20px; } html body .nu-privacy-actions { grid-template-columns:1fr 1fr; } html body .nu-privacy-actions .textlink { grid-column:1/-1;min-height:32px; } html body .nudog-chat :is(p,label,input,.chat-shortcuts button,.chat-shortcuts a) { font-size:var(--mobile-detail-size)!important;line-height:1.5; } }