/* FUNFFY glass refinement — 2026-08-22 */
:root{--ff-cream:#f6f1e7;--ff-yellow:#fcc226;--ff-ink:#17140f;--ff-glass:rgba(255,253,247,.66);--ff-line:rgba(255,255,255,.82)}

/* Support menu */
.support-nav-menu{position:relative;display:flex;align-items:center;align-self:stretch}
.support-nav-trigger{display:flex;align-items:center;gap:7px;height:100%;padding:0;border:0;color:inherit;background:transparent;font:inherit;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.support-nav-trigger:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ff-ink);transform:scaleX(0);transition:transform .25s}
.support-nav-menu:is(:hover,:focus-within,.open) .support-nav-trigger:after,.support-nav-menu.is-current .support-nav-trigger:after{transform:scaleX(1)}
.support-nav-options{position:absolute;z-index:80;top:calc(100% - 8px);left:50%;display:grid;min-width:210px;padding:12px;border:1px solid rgba(23,20,15,.11);border-radius:25px;background:rgba(255,253,247,.8);box-shadow:0 24px 65px rgba(64,48,14,.15);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.25s;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}
.support-nav-menu:is(:hover,:focus-within,.open) .support-nav-options{opacity:1;visibility:visible;transform:translate(-50%,0)}
.support-nav-options a{padding:13px 17px!important;border-radius:16px;white-space:nowrap}.desktop-nav .support-nav-options a::after{content:none!important;display:none!important}.support-nav-options a:hover,.support-nav-options a.is-current{background:rgba(252,194,38,.3)}
.mobile-menu-label{padding:18px 38px 5px;color:#9f9688;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}

/* GutCare hero: real packshot without an artificial frame */
.site-view[data-view="gutcare"]{background:radial-gradient(circle at 88% 5%,rgba(252,194,38,.3),transparent 28%),radial-gradient(circle at 18% 45%,rgba(252,194,38,.14),transparent 34%),var(--ff-cream)}
.product-route-hero{overflow:hidden;background:transparent}
.product-route-hero>img.product-route-packshot{width:min(38vw,570px);max-height:690px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain;filter:drop-shadow(0 30px 42px rgba(82,52,4,.18))}

/* Shared glass field */
.native-info,.postbiotic-comparison,.support-scenarios,.feeding-route,.contact-route,.contact-route-hero,.support-route-title,.site-view[data-view="support"] .faq{position:relative;isolation:isolate;background:transparent!important}
.native-info:before,.postbiotic-comparison:before,.support-scenarios:before,.feeding-route:before,.contact-route:before,.contact-route-hero:before,.support-route-title:before,.site-view[data-view="support"] .faq:before{content:"";position:absolute;z-index:-1;inset:clamp(16px,3vw,48px);border:1px solid var(--ff-line);border-radius:clamp(30px,4vw,68px);background:linear-gradient(125deg,rgba(255,255,255,.72),rgba(255,250,232,.48));box-shadow:inset 0 1px 0 #fff,0 24px 80px rgba(78,55,8,.08);-webkit-backdrop-filter:blur(28px) saturate(1.18);backdrop-filter:blur(28px) saturate(1.18)}
.native-info:after,.postbiotic-comparison:after,.support-scenarios:after,.feeding-route:after,.contact-route:after,.support-route-title:after,.site-view[data-view="support"] .faq:after{content:"";position:absolute;z-index:-2;width:38vw;height:38vw;border-radius:50%;background:rgba(252,194,38,.25);filter:blur(75px);pointer-events:none}
.native-info:after,.contact-route:after{right:-12vw;top:10%}.postbiotic-comparison:after,.support-route-title:after{left:-15vw;bottom:-18vw}.support-scenarios:after,.feeding-route:after{right:-13vw;bottom:-16vw}

/* Ingredient cards and unique icons */
.ingredient-cards{gap:18px!important;border:0!important;background:transparent!important}
.ingredient-cards article{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.9)!important;border-radius:34px!important;background:rgba(255,255,255,.52)!important;box-shadow:inset 0 1px 0 #fff,0 20px 55px rgba(78,55,8,.07);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.ingredient-cards article+article{border-left:1px solid rgba(255,255,255,.9)!important}
.ingredient-index{color:#7a5600!important;opacity:1!important;font-weight:900!important}
.ingredient-symbol{display:grid;width:68px;height:68px;place-items:center;margin:16px 0 24px;border:1px solid rgba(252,194,38,.6);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(252,194,38,.22));box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(134,91,0,.1)}
.ingredient-symbol svg{width:43px;height:43px;fill:none;stroke:#9c6a00;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ingredient-cards article:after{content:attr(data-ingredient-index);position:absolute;right:18px;top:8px;color:rgba(142,97,0,.1);font-size:92px;font-weight:800;line-height:1}

/* Native comparison and support areas */
.postbiotic-comparison{padding:clamp(90px,10vw,150px) clamp(34px,7vw,120px)}
.comparison-board{display:grid!important;grid-template-columns:1fr 1fr;gap:18px!important;margin-top:42px;border:0!important;background:transparent!important}
.comparison-column{padding:clamp(26px,4vw,52px);border:1px solid var(--ff-line);border-radius:34px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 #fff,0 18px 55px rgba(76,53,5,.07);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.comparison-column.is-postbiotic{background:linear-gradient(145deg,rgba(252,194,38,.42),rgba(255,255,255,.64))}
.comparison-column h3{font-size:clamp(28px,3vw,48px)}.comparison-column ul{display:grid;gap:16px;padding:0;list-style:none}.comparison-column li{display:flex;align-items:center;gap:13px}.comparison-column li svg{flex:0 0 34px;width:34px;height:34px;padding:7px;border-radius:12px;background:rgba(252,194,38,.2);fill:none;stroke:#8f6200;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-scenarios{display:grid!important;grid-template-columns:.78fr 1.22fr;gap:clamp(35px,6vw,90px);padding:clamp(95px,10vw,160px) clamp(34px,7vw,120px)!important;color:var(--ff-ink)!important}
.scenario-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:14px!important;border:0!important}
.scenario-grid article{display:grid!important;grid-template-columns:48px 38px 1fr;align-items:center;gap:12px;min-height:116px;padding:22px!important;border:1px solid var(--ff-line)!important;border-radius:28px;background:rgba(255,255,255,.53);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.scenario-grid svg{width:40px;height:40px;fill:none;stroke:#9c6a00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scenario-grid b{color:#9c6a00!important}.scenario-grid span{color:var(--ff-ink)!important;font-weight:650}

/* Feeding artwork is direct, slightly reduced and language-aware */
.feeding-route{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:clamp(30px,5vw,80px)!important;padding:clamp(95px,10vw,150px) clamp(34px,7vw,120px)!important}
.feeding-route>img{width:92%!important;margin:auto;border:0!important;border-radius:32px!important;box-shadow:0 30px 80px rgba(70,48,5,.13)!important;object-fit:contain!important}

/* Package price alignment */
.route-packages .package-pricing{display:grid!important;grid-template-columns:1fr;gap:2px!important;min-height:116px}
.route-packages .package-was,.route-packages .package-now{display:grid!important;grid-template-columns:78px 1fr;align-items:baseline;gap:8px!important}
.route-packages .package-was{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}.route-packages .package-was s{font-size:16px!important;font-weight:700!important;text-decoration-thickness:1px!important}
.route-packages .package-now>span{font-size:10px!important}.route-packages .package-now strong{grid-column:2;font-size:clamp(38px,2.8vw,51px)!important}
.route-packages .package-average{margin-left:86px}.package-detail-price>span s{text-decoration-thickness:1px!important}
.route-packages .package-average-placeholder{visibility:hidden}

/* Contact + FAQ are part of the same soft-glass system */
.site-view[data-view="contact"],.site-view[data-view="support"]{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(252,194,38,.3),transparent 32%),radial-gradient(circle at 10% 70%,rgba(252,194,38,.15),transparent 30%),var(--ff-cream)}
.contact-route-hero{min-height:0!important;padding:clamp(88px,8vw,126px) clamp(74px,10vw,170px)!important;color:var(--ff-ink)!important}.contact-route-hero>div{max-width:980px}.contact-route-hero .eyebrow,.contact-route-hero p,.support-route-title,.support-route-title p{color:var(--ff-ink)!important}.contact-route-hero h1,.support-route-title h1{color:var(--ff-ink)!important;font-size:clamp(62px,8vw,132px);line-height:.9;letter-spacing:-.065em}
.contact-route{display:grid!important;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,6vw,90px);padding:clamp(60px,7vw,110px) clamp(34px,7vw,120px)!important}
.contact-details{display:grid;gap:14px}.contact-details article,.contact-form{border:1px solid var(--ff-line)!important;border-radius:30px!important;background:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 #fff,0 20px 55px rgba(78,55,8,.07);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.contact-details article{padding:28px}.contact-form{padding:clamp(28px,4vw,56px)!important}.contact-form .field input,.contact-form .field select,.contact-form .field textarea{border-color:rgba(23,20,15,.13)!important;background:rgba(255,255,255,.58)!important}
.support-route-title{padding:clamp(88px,8vw,126px) clamp(74px,10vw,170px)!important}.site-view[data-view="support"] .faq{padding:clamp(70px,8vw,125px) clamp(34px,7vw,120px)!important}.site-view[data-view="support"] .accordion details{margin-bottom:13px;border:1px solid var(--ff-line)!important;border-radius:24px!important;background:rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.site-view[data-view="support"] .support-links a{border:1px solid var(--ff-line)!important;border-radius:26px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}

@media(max-width:900px){.support-scenarios,.contact-route,.feeding-route{grid-template-columns:1fr!important}.comparison-board{grid-template-columns:1fr!important}.product-route-hero>img.product-route-packshot{width:min(70vw,480px)}.scenario-grid{grid-template-columns:1fr}}
@media(max-width:620px){.native-info:before,.postbiotic-comparison:before,.support-scenarios:before,.feeding-route:before,.contact-route:before,.contact-route-hero:before,.support-route-title:before,.site-view[data-view="support"] .faq:before{inset:10px;border-radius:30px}.product-route-hero>img.product-route-packshot{width:80vw;max-height:440px}.ingredient-cards{grid-template-columns:1fr!important}.ingredient-cards article+article{border-left:1px solid rgba(255,255,255,.9)!important;border-top:1px solid rgba(255,255,255,.9)!important}.postbiotic-comparison,.support-scenarios,.feeding-route,.contact-route{padding-inline:22px!important}.scenario-grid article{grid-template-columns:42px 32px 1fr}.route-packages .package-was,.route-packages .package-now{grid-template-columns:70px 1fr}.route-packages .package-average{margin-left:78px}.contact-route-hero,.support-route-title{padding:70px 32px!important}.support-nav-menu{display:none}}
@media(prefers-reduced-motion:reduce){.support-nav-options{transition:none}}

/* Final clean mustard-glass direction */
.site-view[data-view="gutcare"]{background:radial-gradient(circle at 88% 8%,rgba(252,194,38,.24),transparent 28%),radial-gradient(circle at 8% 48%,rgba(252,194,38,.11),transparent 31%),linear-gradient(180deg,#fffdf9 0%,#f8f4eb 100%)!important}
.product-route-hero{background:linear-gradient(118deg,rgba(255,255,255,.76),rgba(255,250,232,.45))!important}
.product-route-hero>img.product-route-packshot{width:min(33vw,500px)!important;max-height:610px!important}
.native-info:before,.postbiotic-comparison:before,.support-scenarios:before,.feeding-route:before{background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(255,252,241,.58))!important;box-shadow:inset 0 1px 0 #fff,0 24px 72px rgba(94,66,9,.075)!important}

/* Brighter ingredient cards with unique generated symbols */
.ingredient-cards article{background:linear-gradient(145deg,rgba(252,194,38,.92),rgba(255,222,106,.72))!important;border-color:rgba(255,255,255,.92)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 22px 58px rgba(143,97,0,.13)!important}
.ingredient-index{display:grid!important;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(255,255,255,.38)!important;color:var(--ff-ink)!important;box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.ingredient-symbol{display:block!important;width:78px!important;height:78px!important;padding:7px!important;object-fit:contain!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:24px!important;background:rgba(255,255,255,.48)!important;box-shadow:inset 0 1px 0 #fff,0 13px 28px rgba(101,68,0,.12)!important;filter:drop-shadow(0 7px 10px rgba(92,61,0,.1))}
.ingredient-cards article:after{color:rgba(23,20,15,.12)!important}

/* Ingredient cards: mustard body + clearly visible frosted numerals */
.native-info .ingredient-cards article,
.native-info .ingredient-cards article:nth-child(2),
.native-info .ingredient-cards article:nth-child(3){
  border:1px solid rgba(255,255,255,.88)!important;
  background:
    radial-gradient(circle at 84% 9%,rgba(255,255,255,.31),transparent 28%),
    linear-gradient(142deg,#f9bf22 0%,#ffcb39 54%,#f6b916 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -34px 64px rgba(210,139,0,.08),
    0 24px 58px rgba(125,82,0,.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12);
  backdrop-filter:blur(24px) saturate(1.12);
}
.native-info .ingredient-cards article::before{
  z-index:0;
  right:20px;
  top:4px;
  color:transparent!important;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.12));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-stroke:1.25px rgba(255,255,255,.66);
  filter:drop-shadow(0 8px 18px rgba(121,78,0,.15));
  opacity:1!important;
}
.native-info .ingredient-index{
  position:relative;
  z-index:2;
  border:1px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(117,75,0,.1)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
.native-info .ingredient-symbol,
.native-info .ingredient-cards h3,
.native-info .ingredient-cards p{position:relative;z-index:1}

/* Daily ritual artwork: smaller, never collides with copy */
.product-ritual{grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr)!important;column-gap:clamp(34px,5vw,82px)!important}
.product-ritual .scroll-ritual-stage{min-height:clamp(470px,50vw,620px)!important}
.product-ritual .ritual-card{width:min(560px,41vw)!important;max-width:100%!important;margin-inline:auto!important}

/* Six feeding methods — exact order supplied by FUNFFY */
.feeding-methods{position:relative;overflow:hidden;padding:clamp(90px,9vw,145px) 0!important;background:radial-gradient(circle at 78% 20%,rgba(252,194,38,.3),transparent 30%),linear-gradient(180deg,#fffdf9,#f7f2e8)}
.feeding-methods:before{content:"";position:absolute;inset:clamp(16px,3vw,48px);border:1px solid rgba(255,255,255,.9);border-radius:clamp(34px,4vw,68px);background:linear-gradient(125deg,rgba(255,255,255,.68),rgba(255,249,226,.42));box-shadow:inset 0 1px 0 #fff,0 24px 75px rgba(87,60,5,.08);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}
.feeding-methods-heading{position:relative;z-index:1;max-width:1120px;padding:0 clamp(38px,8vw,145px)}
.feeding-methods-heading h2{max-width:900px;margin:.18em 0;font-size:clamp(50px,6.4vw,104px);line-height:.91;letter-spacing:-.06em}
.feeding-methods-heading p{max-width:680px;font-size:clamp(17px,1.5vw,23px);line-height:1.65;color:var(--muted,#625b50)}
.feeding-methods-shell{position:relative;z-index:1;margin-top:clamp(40px,5vw,75px)}
.feeding-methods-viewport{overflow-x:auto;padding:30px 0 58px;scroll-snap-type:x mandatory;scrollbar-width:none}.feeding-methods-viewport::-webkit-scrollbar{display:none}
.feeding-methods-track{display:flex;width:max-content;gap:20px;padding-inline:max(7vw,calc((100vw - 410px)/2))}
.feeding-method-card{position:relative;flex:0 0 min(390px,29vw);aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:40px;background:rgba(255,255,255,.52);box-shadow:0 20px 55px rgba(77,53,4,.1);opacity:1;transform:scale(.96);scroll-snap-align:center;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;cursor:pointer}
.feeding-method-card.is-active{opacity:1;transform:translateY(-10px) scale(1);box-shadow:0 30px 75px rgba(104,71,0,.2)}
.feeding-method-card img{display:block;width:100%;height:100%;object-fit:cover}.feeding-method-card:after{content:"";position:absolute;inset:46% 0 0;background:linear-gradient(transparent,rgba(23,20,15,.72))}
.feeding-method-card span,.feeding-method-card h3{position:absolute;z-index:2;left:28px;color:#fff}.feeding-method-card span{bottom:76px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(252,194,38,.72);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.feeding-method-card h3{bottom:24px;margin:0;font-size:clamp(25px,2.4vw,38px)}
.feeding-method-arrow{position:absolute;z-index:3;top:50%;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(23,20,15,.16);border-radius:50%;background:rgba(252,194,38,.9);color:var(--ff-ink);font-size:27px;box-shadow:0 15px 36px rgba(100,67,0,.16);cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feeding-method-prev{left:clamp(12px,3vw,50px)}.feeding-method-next{right:clamp(12px,3vw,50px)}

/* Full native comparison and premium six-area support */
.comparison-column{background:rgba(255,255,255,.66)!important}.comparison-column.is-postbiotic{background:linear-gradient(145deg,rgba(252,194,38,.94),rgba(255,222,105,.67))!important}
.comparison-column li{min-height:45px}.comparison-column li i{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:14px;background:rgba(255,255,255,.42);color:#714d00;font-size:10px;font-style:normal;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.scenario-grid article{grid-template-columns:66px 46px 1fr!important;min-height:132px!important;background:linear-gradient(145deg,rgba(252,194,38,.88),rgba(255,223,112,.62))!important;border-color:rgba(255,255,255,.94)!important;box-shadow:inset 0 1px 0 #fff,0 18px 48px rgba(109,74,0,.1)!important}
.scenario-grid article:nth-child(2){border-radius:42px 24px 38px 26px}.scenario-grid article:nth-child(3){border-radius:24px 44px 25px 40px}.scenario-grid article:nth-child(4){border-radius:38px 22px 45px 25px}.scenario-grid article:nth-child(5){border-radius:25px 42px 28px 44px}.scenario-grid article:nth-child(6){border-radius:44px 28px 38px 22px}
.scenario-grid img{display:block;width:62px;height:62px;padding:5px;object-fit:contain;border:1px solid rgba(255,255,255,.9);border-radius:21px;background:rgba(255,255,255,.44);filter:drop-shadow(0 8px 11px rgba(90,59,0,.1));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.scenario-grid b{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.38);color:var(--ff-ink)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

@media(max-width:900px){.product-ritual{grid-template-columns:1fr!important}.product-ritual .ritual-card{width:min(600px,86vw)!important}.feeding-method-card{flex-basis:min(360px,72vw)}.scenario-grid article{grid-template-columns:60px 42px 1fr!important}}
@media(max-width:620px){.product-route-hero>img.product-route-packshot{width:72vw!important;max-height:400px!important}.product-ritual .scroll-ritual-stage{min-height:360px!important}.product-ritual .ritual-card{width:88vw!important}.feeding-methods{padding-block:78px!important}.feeding-methods:before{inset:10px}.feeding-methods-heading{padding-inline:28px}.feeding-methods-heading h2{font-size:48px}.feeding-methods-track{padding-inline:calc((100vw - 82vw)/2)}.feeding-method-card{flex-basis:82vw;border-radius:30px}.feeding-method-arrow{width:48px;height:48px}.scenario-grid article{grid-template-columns:54px 38px 1fr!important;padding:18px!important}.scenario-grid img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.feeding-method-card{transition:none}.feeding-methods-viewport{scroll-behavior:auto!important}}
/* 2026-08-24 — final visual lock: glass ingredients, support and feeding loop */
.ingredient-cards article {
  display: grid !important;
  grid-template-columns: 58px 104px minmax(0, 1fr) !important;
  grid-template-areas: "index icon title" "index icon copy" !important;
  align-items: center !important;
  column-gap: 22px !important;
  row-gap: 7px !important;
  min-height: 310px !important;
  padding: clamp(28px, 3vw, 48px) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 34px !important;
  background: radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .55), transparent 34%), linear-gradient(135deg, rgba(250, 186, 28, .92), rgba(255, 216, 103, .72) 58%, rgba(255, 247, 218, .64)) !important;
  box-shadow: 0 24px 52px rgba(114, 80, 9, .15), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
}

.ingredient-cards article::before,
.ingredient-cards article::after {
  content: none !important;
  display: none !important;
}

.ingredient-index {
  grid-area: index !important;
  align-self: start !important;
  display: grid !important;
  width: 54px !important;
  height: 54px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .27) !important;
  color: #17140f !important;
  backdrop-filter: blur(16px) !important;
}

.ingredient-symbol {
  grid-area: icon !important;
  width: 94px !important;
  height: 94px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 18px rgba(90, 56, 0, .18)) !important;
}

.ingredient-cards h3 { grid-area: title !important; margin: 0 !important; }
.ingredient-cards p { grid-area: copy !important; margin: 0 !important; }

.feeding-method-arrow { display: none !important; }

.feeding-methods-viewport {
  overflow-x: auto !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent) !important;
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent) !important;
}

.feeding-methods-viewport::-webkit-scrollbar { display: none; }

.feeding-methods-track {
  gap: 18px !important;
  padding-inline: clamp(20px, 4vw, 70px) !important;
  width: max-content !important;
}

.feeding-method-card { flex: 0 0 clamp(280px, 29vw, 390px) !important; }

.feeding-route h2,
[data-i18n="feedingTitle"] {
  font-weight: 400 !important;
  font-size: clamp(38px, 4vw, 64px) !important;
}

.scenario-grid article {
  display: grid !important;
  grid-template-columns: 56px 96px minmax(0, 1fr) !important;
  grid-template-areas: "number icon text" !important;
  align-items: center !important;
  gap: 18px !important;
  background: linear-gradient(135deg, rgba(250, 186, 28, .9), rgba(255, 216, 103, .7), rgba(255, 246, 214, .6)) !important;
  border: 1px solid rgba(255, 255, 255, .9) !important;
  border-radius: 32px !important;
  box-shadow: 0 22px 46px rgba(112, 76, 6, .14), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  backdrop-filter: blur(22px) saturate(1.15) !important;
}

.scenario-grid article > b {
  grid-area: number !important;
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255, 255, 255, .28) !important;
  border: 1px solid rgba(255, 255, 255, .95) !important;
  border-radius: 17px !important;
}

.scenario-grid article > img {
  grid-area: icon !important;
  width: 88px !important;
  height: 88px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 18px rgba(90, 56, 0, .18)) !important;
}

.scenario-grid article > span { grid-area: text !important; }

@media (max-width: 760px) {
  .ingredient-cards article {
    grid-template-columns: 44px 70px minmax(0, 1fr) !important;
    min-height: 230px !important;
    padding: 22px !important;
    column-gap: 12px !important;
  }

  .ingredient-index { width: 42px !important; height: 42px !important; }
  .ingredient-symbol { width: 68px !important; height: 68px !important; }

  .scenario-grid article {
    grid-template-columns: 42px 70px minmax(0, 1fr) !important;
    padding: 20px !important;
    gap: 12px !important;
  }

  .scenario-grid article > img { width: 66px !important; height: 66px !important; }
  .scenario-grid article > b { width: 42px !important; height: 42px !important; }
  .feeding-method-card { flex-basis: min(78vw, 330px) !important; }
}

/* 2026-08-25 — targeted legibility and contact refinements */
.comparison-badge {
  font-family: "Poppins", "Noto Sans SC", sans-serif !important;
  font-weight: 800 !important;
}

.scenario-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.scenario-grid article {
  position: relative !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  grid-template-areas: "icon text" !important;
  min-height: 168px !important;
  padding: 54px 22px 22px !important;
  gap: 16px !important;
}

.scenario-grid article > b {
  position: absolute !important;
  top: 17px !important;
  left: 20px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 3px 7px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.scenario-grid article > img {
  width: 76px !important;
  height: 76px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.scenario-grid article > span {
  color: #17140f !important;
  font-size: clamp(15px, 1.2vw, 19px) !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  word-break: normal !important;
}

.contact-information-route {
  display: block !important;
  min-height: 560px;
  padding: clamp(54px, 7vw, 105px) clamp(32px, 10vw, 170px) clamp(90px, 10vw, 150px) !important;
}

.contact-information-panel {
  position: relative;
  z-index: 1;
  max-width: 980px;
  font-family: "Poppins", "Noto Sans SC", sans-serif;
  color: #17140f;
}

.contact-information-panel p {
  max-width: 900px;
  margin: 0 0 24px;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.62;
}

.contact-information-panel p:first-child {
  margin-bottom: 34px;
  font-size: clamp(18px, 1.45vw, 22px);
}

.contact-information-panel strong { font-weight: 700; }
.contact-information-panel a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.contact-information-hours { margin-top: 34px !important; }

@media (max-width: 900px) {
  .scenario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 620px) {
  .scenario-grid { grid-template-columns: 1fr !important; }
  .scenario-grid article { grid-template-columns: 68px minmax(0, 1fr) !important; min-height: 142px !important; }
  .scenario-grid article > img { width: 66px !important; height: 66px !important; }
  .contact-information-route { padding-inline: 28px !important; }
}

/* 2026-08-28 — focused layout corrections requested after production review */
.contact-information-hero {
  padding-top: clamp(72px, 7vw, 105px) !important;
  padding-bottom: clamp(62px, 6vw, 92px) !important;
}

.contact-information-hero h1 {
  margin-bottom: 0 !important;
  font-size: clamp(58px, 7vw, 104px) !important;
  white-space: nowrap;
}

.contact-information-route {
  min-height: 0 !important;
  padding-top: clamp(38px, 4vw, 62px) !important;
}

.contact-information-hours span { line-height: 1.8; }

.native-info .ingredient-cards article {
  grid-template-columns: 86px minmax(0, 1fr) !important;
  grid-template-areas: "index title" "icon copy" !important;
  min-height: 290px !important;
  padding: clamp(28px, 2.5vw, 42px) !important;
  column-gap: 16px !important;
  row-gap: 18px !important;
  overflow: hidden !important;
}

.native-info .ingredient-cards .ingredient-index {
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  backdrop-filter: none !important;
}

.native-info .ingredient-cards .ingredient-symbol {
  width: 92px !important;
  height: 92px !important;
}

.native-info .ingredient-cards h3 {
  max-width: 100% !important;
  font-size: clamp(22px, 1.65vw, 27px) !important;
  line-height: 1.18 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.native-info .ingredient-cards p {
  max-width: 100% !important;
  color: #17140f !important;
  font-size: clamp(16px, 1.15vw, 19px) !important;
  line-height: 1.5 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.feeding-methods-heading h2 {
  margin: .12em 0 .24em !important;
  line-height: .82 !important;
}

.comparison-heading h2 {
  margin: 18px 0 20px !important;
  font-size: clamp(46px, 5vw, 76px) !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

.comparison-heading p {
  font-size: clamp(17px, 1.35vw, 21px) !important;
}

.comparison-badge {
  font-size: clamp(20px, 1.6vw, 26px) !important;
  font-weight: 800 !important;
}

.support-scenarios {
  display: block !important;
  padding: clamp(92px, 8vw, 132px) clamp(34px, 6vw, 105px) !important;
}

.support-scenarios > div:first-child {
  max-width: 1180px !important;
}

.support-scenarios h2 {
  max-width: none !important;
  margin: 15px 0 18px !important;
  font-size: clamp(48px, 5vw, 78px) !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.support-scenarios > div:first-child > p {
  max-width: 1050px !important;
  color: #17140f !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
}

.support-scenarios .scenario-grid {
  width: 100% !important;
  margin-top: clamp(36px, 4vw, 58px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.support-scenarios .scenario-grid article {
  grid-template-columns: 100px minmax(0, 1fr) !important;
  min-height: 220px !important;
  padding: 66px 28px 28px !important;
  gap: 20px !important;
}

.support-scenarios .scenario-grid article > b {
  top: 19px !important;
  left: 27px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  backdrop-filter: none !important;
}

.support-scenarios .scenario-grid article > img {
  width: 116px !important;
  height: 116px !important;
  max-width: none !important;
  clip-path: circle(49% at 50% 50%) !important;
}

.support-scenarios .scenario-grid article > span {
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.3 !important;
}

@media(max-width:900px){
  .contact-information-hero h1{white-space:normal}
  .support-scenarios h2{white-space:normal}
  .support-scenarios .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .native-info .ingredient-cards article{grid-template-columns:70px minmax(0,1fr)!important;min-height:240px!important;padding:24px!important;column-gap:14px!important}
  .native-info .ingredient-cards .ingredient-symbol{width:68px!important;height:68px!important}
  .native-info .ingredient-cards h3{font-size:21px!important}
  .native-info .ingredient-cards p{font-size:15px!important}
  .feeding-methods-heading h2{line-height:.86!important}
  .support-scenarios .scenario-grid{grid-template-columns:1fr!important}
  .support-scenarios .scenario-grid article{grid-template-columns:86px minmax(0,1fr)!important;min-height:178px!important;padding:58px 22px 22px!important}
  .support-scenarios .scenario-grid article>img{width:82px!important;height:82px!important}
}

/* FAQ: one clear heading, followed directly by all 12 questions */
.site-view[data-view="support"] .faq {
  display: block !important;
  padding-top: clamp(72px, 7vw, 110px) !important;
}

.faq-page-heading {
  width: min(1120px, 100%);
  margin: 0 auto clamp(34px, 4vw, 58px);
}

.faq-page-heading h1 {
  margin: 0;
  color: var(--ff-ink);
  font-size: clamp(42px, 5.6vw, 82px);
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.055em;
}

.site-view[data-view="support"] .accordion {
  width: min(1120px, 100%);
  margin-inline: auto;
}

.faq-footer-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: clamp(38px, 5vw, 68px);
}

.faq-footer-actions .button {
  min-width: 190px;
  text-align: center;
  text-decoration: none;
}

@media(max-width:620px) {
  .faq-page-heading h1 { font-size: clamp(36px, 11vw, 50px); }
  .faq-footer-actions { display: grid; grid-template-columns: 1fr; }
  .faq-footer-actions .button { width: 100%; }
}

/* Keep the serving headline on one clear editorial line. */
.feeding-methods-heading {
  max-width: 1500px !important;
}

.feeding-methods-heading h2 {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(28px, 5.25vw, 82px) !important;
  line-height: .96 !important;
}

/* Life-stage storytelling: real FUNFFY pets inside soft mustard glass. */
.life-stages {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(88px, 8vw, 132px) clamp(24px, 6vw, 105px) !important;
  background: radial-gradient(circle at 12% 20%, rgba(252,194,38,.3), transparent 30%), linear-gradient(180deg,#fffdf9,#f7f2e8) !important;
}

.life-stages::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(16px, 3vw, 48px);
  border: 1px solid rgba(255,255,255,.92);
  border-radius: clamp(34px, 4vw, 68px);
  background: linear-gradient(125deg,rgba(255,255,255,.7),rgba(255,248,220,.44));
  box-shadow: inset 0 1px 0 #fff, 0 24px 75px rgba(87,60,5,.08);
  -webkit-backdrop-filter: blur(26px) saturate(1.16);
  backdrop-filter: blur(26px) saturate(1.16);
}

.life-stages-heading { max-width: 1040px; margin-bottom: clamp(38px, 5vw, 70px); }
.life-stages-heading h2 { margin: 16px 0 18px; font-size: clamp(48px, 5.6vw, 88px); line-height: .94; letter-spacing: -.06em; }
.life-stages-heading p { max-width: 720px; margin: 0; color: #625b50; font-size: clamp(17px,1.3vw,21px); line-height: 1.65; }
.life-stages-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(16px,2vw,28px); }
.life-stages-grid article { overflow: hidden; border: 1px solid rgba(255,255,255,.96); border-radius: 34px; background: linear-gradient(145deg,rgba(252,194,38,.88),rgba(255,225,128,.58),rgba(255,255,255,.58)); box-shadow: 0 24px 58px rgba(110,75,5,.13),inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(24px) saturate(1.14); backdrop-filter: blur(24px) saturate(1.14); transition: transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease; }
.life-stages-grid article:nth-child(2) { transform: translateY(34px); }
.life-stages-grid article:hover { transform: translateY(-8px); box-shadow: 0 34px 72px rgba(110,75,5,.18),inset 0 1px 0 #fff; }
.life-stages-grid article:nth-child(2):hover { transform: translateY(26px); }
.life-stages-grid figure { aspect-ratio: 4/3; margin: 0; overflow: hidden; }
.life-stages-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.16,1,.3,1); }
.life-stages-grid article:hover img { transform: scale(1.045); }
.life-stages-grid article > div { padding: clamp(24px,2.4vw,36px); }
.life-stages-grid article > div > span { display: block; margin-bottom: 18px; font-size: clamp(15px,1.2vw,18px); font-weight: 850; line-height: 1.25; letter-spacing: .1em; text-transform: uppercase; }
.life-stages-grid article > div > span b { font: inherit; }
.life-stages-grid h3 { margin: 0 0 8px; font-size: clamp(26px,2vw,34px); line-height: 1.05; }
.life-stages-grid strong { display: block; margin-bottom: 13px; font-size: 16px; }
.life-stages-grid p { margin: 0; color: #3d382f; font-size: 14px; line-height: 1.7; }

@media(max-width:900px) {
  .life-stages-grid { grid-template-columns: 1fr; }
  .life-stages-grid article,.life-stages-grid article:nth-child(2) { display: grid; grid-template-columns: minmax(150px,.72fr) 1fr; transform: none; }
  .life-stages-grid article:hover,.life-stages-grid article:nth-child(2):hover { transform: translateY(-5px); }
  .life-stages-grid figure { height: 100%; aspect-ratio: auto; min-height: 280px; }
}

@media(max-width:620px) {
  .feeding-methods-heading h2 { font-size: clamp(25px,7.15vw,31px) !important; letter-spacing: -.045em !important; }
  .life-stages { padding-inline: 20px !important; }
  .life-stages::before { inset: 10px; }
  .life-stages-heading h2 { font-size: 48px; }
  .life-stages-grid article,.life-stages-grid article:nth-child(2) { display: block; }
  .life-stages-grid figure { aspect-ratio: 4/3; min-height: 0; }
}

/* Clear gut-versus-skin support map */
.support-benefits { padding: clamp(88px,8vw,132px) clamp(24px,5vw,82px) !important; }
.support-benefits-heading { max-width: 1180px; margin-bottom: clamp(40px,5vw,68px); }
.support-benefits-heading h2 { max-width: 1180px !important; margin: 15px 0 18px !important; font-size: clamp(48px,5.3vw,84px) !important; line-height: .96 !important; white-space: normal !important; }
.support-benefits-heading p { max-width: 760px; margin: 0; color: #3e382f !important; font-size: clamp(17px,1.25vw,21px); line-height: 1.65; }
.support-benefit-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: clamp(18px,2vw,30px); }
.support-benefit-panel { overflow: hidden; border: 1px solid rgba(255,255,255,.96); border-radius: 38px; background: linear-gradient(145deg,rgba(252,194,38,.9),rgba(255,220,100,.65) 54%,rgba(255,250,231,.7)); box-shadow: 0 26px 66px rgba(110,75,5,.14),inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(26px) saturate(1.16); backdrop-filter: blur(26px) saturate(1.16); }
.support-benefit-panel.is-skin { background: linear-gradient(145deg,rgba(255,250,234,.82),rgba(255,221,111,.68),rgba(252,194,38,.78)); }
.support-benefit-panel > header { display: flex; align-items: center; gap: 22px; padding: clamp(26px,3vw,42px); border-bottom: 1px solid rgba(255,255,255,.72); }
.support-benefit-panel > header > img { width: 110px; height: 110px; flex: 0 0 110px; object-fit: contain; clip-path: circle(49% at 50% 50%); filter: drop-shadow(0 15px 22px rgba(104,67,0,.2)); }
.support-benefit-panel > header span { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.support-benefit-panel > header h3 { margin: 0 0 6px; font-size: clamp(30px,2.4vw,42px); line-height: 1; letter-spacing: -.045em; }
.support-benefit-panel > header p { margin: 0; color: #4b4338; font-size: 14px; }
.support-benefit-list { display: grid; gap: 1px; padding: 12px; }
.support-benefit-panel.is-gut .support-benefit-list,.support-benefit-panel.is-skin .support-benefit-list { grid-template-columns: 1fr; }
.support-benefit-list > div { display: grid; grid-template-columns: 58px 32px minmax(0,1fr); gap: 12px; align-items: center; min-height: 108px; padding: 16px; border: 1px solid rgba(255,255,255,.54); border-radius: 24px; background: rgba(255,255,255,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.support-benefit-list img { width: 54px; height: 54px; object-fit: contain; clip-path: circle(49% at 50% 50%); filter: drop-shadow(0 8px 12px rgba(101,65,0,.14)); }
.support-benefit-list b { font-size: clamp(13px,.95vw,15px); }
.support-benefit-list span { min-width: 0; }
.support-benefit-list strong,.support-benefit-list small { display: block; }
.support-benefit-list strong { color: #17140f; font-size: clamp(17px,1.18vw,20px); line-height: 1.25; }
.support-benefit-list small { margin-top: 6px; color: #4b4338; font-size: clamp(13px,.9vw,15px); line-height: 1.48; }
.support-benefit-note { max-width: 1080px; margin: 26px auto 0 !important; color: #4e473d !important; font-size: 12px; line-height: 1.7; text-align: center; }

@media(max-width:1100px) {
  .support-benefit-layout { grid-template-columns: 1fr; }
  .support-benefit-panel.is-skin .support-benefit-list { grid-template-columns: 1fr; }
}

@media(max-width:700px) {
  .support-benefits { padding-inline: 18px !important; }
  .support-benefit-panel > header { align-items: flex-start; }
  .support-benefit-panel > header > img { width: 82px; height: 82px; flex-basis: 82px; }
  .support-benefit-panel.is-gut .support-benefit-list,.support-benefit-panel.is-skin .support-benefit-list { grid-template-columns: 1fr; }
  .support-benefit-list > div { grid-template-columns: 50px 28px minmax(0,1fr); min-height: 104px; padding: 14px 12px; gap: 10px; }
  .support-benefit-list img { width: 50px; height: 50px; }
}

/* Serving carousel controls: manual navigation with automatic loop resuming. */
.feeding-method-arrow{display:grid!important;top:50%;transition:transform .2s ease,background .2s ease}
.feeding-method-arrow:hover{background:#ffd35b;transform:translateY(-50%) scale(1.06)}
.feeding-method-arrow:focus-visible{outline:3px solid #17140f;outline-offset:4px}