html.products-document{scroll-padding-top:88px}.petli-products{--prd-red:#D51317;--prd-ink:#3A3630;--prd-muted:#3A3630;--prd-line:#E8E7E1;color:var(--prd-ink);background:#fff;font-family:'Instrument Sans',Arial,sans-serif;font-synthesis:none;font-size:17px;line-height:1.65;margin:0}.petli-products *{box-sizing:border-box}.petli-products :where(main) :where(h1,h2,h3,h4,p,figure){margin:0}.petli-products :where(main) :where(h1,h2,h3){font-weight:400;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}.petli-products a{color:inherit;text-underline-offset:5px}.petli-products a:focus-visible,.petli-products summary:focus-visible{outline:3px solid var(--prd-red);outline-offset:5px}.prd-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.prd-header{border-bottom:1px solid var(--prd-line)}.prd-header>.prd-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px;padding-block:22px}.prd-brand{display:flex;align-items:center;gap:24px;text-decoration:none;flex:none}.prd-brand img{display:block;width:var(--petli-wordmark-width,240px);height:var(--petli-wordmark-height,53px);object-fit:contain}.prd-brand>span{font-size:13px;letter-spacing:.14em;border-left:1px solid var(--prd-line);padding-left:24px}.prd-header nav{display:flex;gap:28px;align-items:center}.prd-header nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:15px;white-space:nowrap}.prd-header nav a:last-child{color:var(--prd-red)}.prd-header nav a:hover{text-decoration:underline}.prd-eyebrow{color:var(--prd-red);font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.prd-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:60px;align-items:center;padding-block:80px 76px}.prd-hero h1{font-size:clamp(56px,6.2vw,90px);margin:25px 0 28px}.prd-hero h1>span{color:var(--prd-red)}.prd-lede{font-size:20px;line-height:1.65;max-width:480px}.prd-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.prd-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 24px;background:var(--prd-red);color:white!important;border:1px solid var(--prd-red);border-radius:999px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.4}.prd-button:hover{background:#3A3630}.prd-button--outline{background:transparent;color:var(--prd-ink)!important;border-color:#3A3630}.prd-button--outline:hover{background:#E8E7E1}.prd-hero-note{font-size:14px;line-height:1.65;color:var(--prd-muted);margin-top:25px!important}.prd-portraits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prd-portraits img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:2px}.prd-portraits figcaption{font-size:14px;color:var(--prd-muted);margin-top:12px}.prd-section-nav{position:sticky;top:0;z-index:15;border-block:1px solid var(--prd-line);background:#fffffffa}.prd-section-nav .prd-wrap{display:flex;justify-content:center;gap:clamp(28px,6vw,85px);overflow-x:auto}.prd-section-nav a{display:inline-flex;align-items:center;gap:10px;min-height:64px;white-space:nowrap;text-decoration:none;font-size:16px;font-weight:400}.prd-section-nav a:hover{color:var(--prd-red)}.prd-section-nav a:last-child{color:var(--prd-red)}.prd-introduction{text-align:center;padding-block:95px 82px;max-width:900px}.petli-products :where(main) h2{font-size:clamp(38px,4.4vw,62px)}.prd-introduction h2{margin:22px 0 25px}.prd-introduction>p:not(.prd-eyebrow){max-width:740px;margin-inline:auto;font-size:19px}.prd-introduction .prd-development-note{font-size:14px!important;color:var(--prd-muted);max-width:630px!important;margin-top:23px!important}.product-species{padding-block:85px 70px;background:#fff;border-top:1px solid var(--prd-line)}.product-species#katze{background:#fff}.species-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.species-section-heading h2{margin-top:19px}.species-section-heading>p{font-size:19px;max-width:470px;line-height:1.7;padding-bottom:4px}.portfolio-image img{display:block;width:100%;height:auto;object-fit:contain}.portfolio-image figcaption{font-size:13px;color:var(--prd-muted);line-height:1.6;margin-top:12px;max-width:800px}.product-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-block:32px 52px}.product-jumps a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;text-decoration:none;border-bottom:1px solid #3A3630;font-size:20px;line-height:1.35}.product-jumps a:hover{color:var(--prd-red);border-color:var(--prd-red)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 54px}.product-card{background:white;padding:36px;border-top:2px solid var(--prd-ink);min-width:0;display:flex;flex-direction:column;scroll-margin-top:86px}.product-species#katze .product-card{background:#fff}.product-card-top{display:flex;align-items:flex-start;gap:15px;min-height:42px;font-size:13px;line-height:1.5}.product-card-top>span:first-child{color:var(--prd-red)}.product-card-top>p{margin-right:auto;color:var(--prd-muted)}.product-animal{font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #3A3630;padding:2px 8px;flex:none}.product-card h3{font-size:42px;margin-top:12px;overflow-wrap:anywhere}.product-card h3>span{font-size:22px;font-weight:700;letter-spacing:-.04em}.product-format{color:var(--prd-muted);font-size:14px;margin-top:12px!important}.product-intro{font-size:20px;line-height:1.5;margin-top:26px!important}.product-why{font-size:16px;line-height:1.7;margin-top:18px!important}.product-card h4{font-size:14px;letter-spacing:.025em;font-weight:700;margin-top:28px}.product-points{list-style:none;padding:0;margin:13px 0 28px;display:grid;gap:12px}.product-points li{position:relative;font-size:16px;line-height:1.6;padding-left:20px}.product-points li::before{content:'—';position:absolute;left:0;color:var(--prd-red)}.product-goal{border-top:1px solid var(--prd-line);padding-top:21px;margin-top:auto}.product-goal>p{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--prd-red);font-weight:700;margin-bottom:9px}.product-goal strong{font-size:18px;line-height:1.55;font-weight:400;display:block}.product-details{border-top:1px solid var(--prd-line);margin-top:24px}.product-details summary,.prd-faq summary{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:60px;font-size:15px;cursor:pointer;list-style:none}.product-details summary::-webkit-details-marker,.prd-faq summary::-webkit-details-marker,.prd-evidence summary::-webkit-details-marker{display:none}.product-details summary span,.prd-faq summary span,.prd-evidence summary>span:last-child{font-size:23px;font-weight:400;flex:none}.product-details[open] summary>span,.prd-faq[open] summary>span,.prd-evidence details[open] summary>span:last-child{transform:rotate(45deg)}.product-details>div{padding:0 0 8px;font-size:15px;line-height:1.7}.product-details a{display:inline-flex;align-items:center;gap:12px;font-size:14px;margin-top:18px;min-height:44px;color:var(--prd-red)}.species-end{border-top:1px solid var(--prd-line);margin-top:46px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.species-end p{font-size:18px}.species-end a{display:inline-flex;align-items:center;gap:18px;white-space:nowrap;font-size:15px;color:var(--prd-red);min-height:44px}.prd-principles{background:#fff;color:var(--prd-ink);padding-block:96px;border-block:1px solid var(--prd-line)}.prd-principles>.prd-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.prd-principles .prd-eyebrow{color:var(--prd-red)}.prd-principles h2{margin:24px 0 30px}.prd-principles-intro>p:last-child{font-size:19px;line-height:1.75;color:var(--prd-muted);max-width:450px}.prd-principle-list article{display:grid;grid-template-columns:32px 1fr;gap:28px;border-top:1px solid var(--prd-line);padding:28px 0 32px}.prd-principle-list article>span{font-size:14px;color:var(--prd-red)}.prd-principle-list h3{font-size:27px;letter-spacing:-.025em}.prd-principle-list p{font-size:16px;line-height:1.75;color:var(--prd-muted);margin-top:16px}.prd-club{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:110px}.prd-club h2{margin-top:22px}.prd-club h2 span{color:var(--prd-red)}.prd-club-lede{font-size:23px;line-height:1.5;margin-bottom:22px!important}.prd-club>div>p:not(.prd-club-lede):not(.prd-eyebrow):not(.prd-club-note){font-size:17px;line-height:1.75}.prd-club .prd-button{margin-top:30px}.prd-club-note{font-size:13px;color:var(--prd-muted);margin-top:15px!important}.prd-small-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px;margin-top:8px}.prd-questions{border-top:1px solid var(--prd-line);display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-block:80px}.prd-questions h2{margin-top:20px;font-size:44px}.prd-faq{border-bottom:1px solid var(--prd-line)}.prd-faq summary{font-size:18px;line-height:1.5;padding-block:20px}.prd-faq>p{font-size:16px;line-height:1.75;padding:0 30px 24px 0}.prd-evidence{padding-bottom:70px}.prd-evidence details{border-block:1px solid var(--prd-line)}.prd-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;list-style:none;cursor:pointer;font-size:18px}.prd-evidence summary small{display:block;font-size:13px;color:var(--prd-muted);margin-top:8px}.prd-evidence details>div{max-width:920px;padding-bottom:25px;font-size:16px}.prd-evidence ol{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;padding-left:23px;margin-block:25px}.prd-evidence li{padding-left:5px}.prd-evidence li a{font-size:16px}.prd-evidence li p{font-size:13px;color:var(--prd-muted);margin-top:5px}.petli-products .mag-footer{margin-top:0}.petli-products .mag-footer h2,.petli-products .mag-footer h3{letter-spacing:normal}
@media(max-width:1100px){.prd-wrap{width:calc(100% - 64px)}.prd-hero{gap:34px;padding-block:60px}.prd-header nav{gap:18px}.prd-brand{gap:18px}.prd-brand>span{padding-left:18px}.prd-hero h1{font-size:66px}.prd-lede{font-size:18px}.prd-button{font-size:15px;padding-inline:20px}.species-section-heading{gap:45px}.product-grid{gap:30px}.product-card{padding:28px}.prd-principles>.prd-wrap{gap:55px}.prd-club{gap:55px}.prd-questions{gap:45px}.product-card h3{font-size:36px}}
@media(max-width:800px){.prd-header>.prd-wrap{flex-wrap:wrap;gap:14px}.prd-header nav{width:100%;justify-content:space-between}.prd-hero{grid-template-columns:1fr;gap:38px}.prd-hero-copy{max-width:640px}.prd-hero h1{font-size:72px}.prd-hero h1 br{display:none}.prd-lede{max-width:610px;font-size:19px}.prd-portraits{max-width:540px;width:100%;justify-self:center}.prd-introduction{padding-block:70px}.species-section-heading{grid-template-columns:1fr;gap:25px}.species-section-heading>p{max-width:600px;font-size:18px}.product-jumps{gap:22px}.product-jumps a{font-size:17px}.product-card{padding:25px}.product-card h3{font-size:32px}.product-card-top{flex-wrap:wrap;gap:8px}.product-card-top>p{font-size:12px}.product-intro{font-size:18px}.product-points li{font-size:15px}.prd-principles>.prd-wrap{grid-template-columns:1fr;gap:38px}.prd-principles-intro>p:last-child{max-width:620px}.prd-club{grid-template-columns:1fr;gap:30px;padding-block:75px}.prd-club>div:last-child{max-width:630px}.prd-questions{grid-template-columns:1fr;gap:30px}.species-end{align-items:flex-start;flex-direction:column;gap:10px}.prd-evidence ol{grid-template-columns:1fr}.prd-section-nav .prd-wrap{justify-content:space-between;gap:24px}}
@media(max-width:600px){.prd-wrap{width:calc(100% - 40px)}.prd-brand{gap:16px}.prd-brand>span{font-size:11px;padding-left:16px}.prd-header nav a{font-size:14px}.prd-header>.prd-wrap{padding-block:18px}.prd-hero{padding-block:38px 35px;gap:32px}.prd-hero h1{font-size:clamp(47px,12vw,65px);margin-block:22px}.prd-hero h1 br{display:block}.prd-eyebrow{font-size:12px}.prd-lede{font-size:17px}.prd-portraits{gap:10px}.prd-portraits figcaption{font-size:13px}.prd-hero-actions{gap:10px}.prd-button{font-size:14px;padding:13px 18px;gap:14px}.prd-hero-note{font-size:13px}.prd-section-nav a{font-size:14px;min-height:58px;gap:8px}.prd-section-nav .prd-wrap{gap:22px}.prd-introduction{padding-block:55px}.petli-products :where(main) h2{font-size:36px}.prd-introduction>p:not(.prd-eyebrow){font-size:17px}.prd-introduction .prd-development-note{font-size:13px!important}.product-species{padding-block:52px}.species-section-heading{margin-bottom:30px}.species-section-heading h2{margin-top:15px}.species-section-heading>p{font-size:17px}.portfolio-image figcaption{font-size:12px}.product-jumps{grid-template-columns:1fr 1fr;gap:12px 24px;margin-block:20px 34px}.product-jumps a{font-size:18px;min-height:48px}.product-grid{grid-template-columns:1fr;gap:26px}.product-card{padding:26px 23px}.product-card h3{font-size:39px}.product-card h3>span{font-size:23px}.product-card-top{gap:12px}.product-card-top>p{font-size:13px}.product-intro{font-size:19px}.product-points li{font-size:16px}.species-end p{font-size:17px}.prd-principles{padding-block:57px}.prd-principles h2{margin-block:18px 25px}.prd-principles-intro>p:last-child{font-size:17px}.prd-principle-list article{gap:19px;grid-template-columns:24px 1fr;padding-block:25px}.prd-principle-list h3{font-size:25px}.prd-club{padding-block:60px}.prd-club-lede{font-size:21px}.prd-club .prd-button{font-size:16px}.prd-questions{padding-block:50px}.prd-questions h2{font-size:36px}.prd-faq summary{font-size:17px}.prd-evidence{padding-bottom:48px}.prd-evidence summary{font-size:17px}.prd-evidence summary small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html.products-document{scroll-behavior:auto}.petli-products *{transition:none!important}}
@media print{.prd-section-nav,.prd-header,.prd-hero-actions,.prd-club .prd-button{display:none}.prd-hero,.prd-introduction,.product-species,.prd-principles,.prd-club,.prd-questions{padding-block:25px}.prd-wrap{width:100%}.product-grid{display:block}.product-card{break-inside:avoid;margin-bottom:24px}.prd-principles{background:white;color:#3A3630}.prd-principles p,.prd-principles .prd-eyebrow{color:inherit}}
/* Customer product stories and readable ingredient depth. */
.prd-intro-signature{font-size:16px!important;font-weight:400;color:var(--prd-red);margin-top:24px!important}.product-grid{grid-template-columns:1fr;gap:32px}.product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;border-top:2px solid var(--prd-ink)}.product-story{padding:40px;min-width:0;display:flex;flex-direction:column}.product-card h3{font-size:48px;margin-top:18px;letter-spacing:-.04em}.product-card h3>span{display:block;font-size:22px;margin-bottom:5px}.product-intro{font-size:26px;line-height:1.3;letter-spacing:-.025em;max-width:420px}.product-why{font-size:17px;line-height:1.75;max-width:550px}.product-points{display:flex;flex-wrap:wrap;gap:10px 14px;margin-block:25px 30px}.product-points li{font-size:14px;line-height:1.45;border-bottom:1px solid var(--prd-line);padding:0 0 6px}.product-points li::before{display:none}.product-goal{margin-top:auto}.product-ingredient-panel{padding:40px;background:#FFFFFF;min-width:0}.product-species#katze .product-ingredient-panel{background:#FFFFFF}.ingredient-eyebrow{font-size:13px!important;text-transform:uppercase;font-weight:700;letter-spacing:.09em;color:var(--prd-red);line-height:1.5;margin:0 0 22px!important}.ingredient-entry+.ingredient-entry{margin-top:22px;padding-top:22px;border-top:1px solid #E8E7E1}.product-ingredient-panel h4{font-size:21px;font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px}.product-ingredient-panel p{font-size:16px;line-height:1.75}.ingredient-science{margin-top:27px;padding-top:23px;border-top:1px solid #E8E7E1}.ingredient-science h4{font-size:18px}.ingredient-science p{font-size:15px}.ingredient-references{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:12px}.ingredient-references a{display:inline-flex;align-items:center;gap:7px;min-height:32px;font-size:13px;text-decoration-thickness:1px}.ingredient-references .petli-arrow{width:14px;height:14px}.ingredient-more{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:14px;margin-top:18px;color:var(--prd-red)!important}.prd-ingredients{padding-block:95px;background:#FFFFFF}.prd-ingredient-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:22px 70px;align-items:end;margin-bottom:45px}.prd-ingredient-intro>.prd-eyebrow{grid-column:1/-1}.prd-ingredient-intro>p:last-child{font-size:19px;line-height:1.7;max-width:470px}.ingredient-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.ingredient-guide{background:white;padding:30px;min-width:0;scroll-margin-top:85px}.ingredient-guide:last-child{grid-column:1/-1}.ingredient-guide-heading{display:grid;grid-template-columns:22px 1fr;gap:20px}.ingredient-guide-heading>span{color:var(--prd-red);font-size:14px}.ingredient-guide .ingredient-eyebrow{font-size:12px!important;margin-bottom:10px!important}.ingredient-guide h3{font-size:29px;line-height:1.15;letter-spacing:-.035em}.ingredient-guide-heading>div>p:last-child{font-size:16px;line-height:1.65;margin-top:15px}.ingredient-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px;padding-top:22px;border-top:1px solid var(--prd-line)}.ingredient-facts>div{min-width:0}.ingredient-facts strong,.ingredient-facts span{display:block}.ingredient-facts strong{font-size:16px;font-weight:400;line-height:1.35;overflow-wrap:anywhere}.ingredient-facts span{overflow-wrap:anywhere;font-size:13px;line-height:1.55;color:var(--prd-muted);margin-top:8px}.ingredient-deep{border-top:1px solid var(--prd-line);margin-top:25px}.ingredient-deep summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:60px;font-size:15px;list-style:none;cursor:pointer}.ingredient-deep summary::-webkit-details-marker{display:none}.ingredient-deep summary>span{font-size:23px}.ingredient-deep[open] summary>span{transform:rotate(45deg)}.ingredient-deep>div{font-size:16px;line-height:1.8}.ingredient-deep>div>p{margin-bottom:18px}.ingredient-guide:last-child .ingredient-deep>div{max-width:850px}.petli-products main .prd-principles h2{font-size:clamp(37px,3.8vw,52px)}
@media(max-width:1100px){.product-story,.product-ingredient-panel{padding:30px}.product-card h3{font-size:42px}.ingredient-guide{padding:25px}.ingredient-guide h3{font-size:26px}.ingredient-facts{gap:13px}.ingredient-facts strong{font-size:15px}.prd-ingredient-intro{gap:20px 40px}}
@media(max-width:800px){.product-card{grid-template-columns:1fr}.product-intro{max-width:600px}.product-why{max-width:650px}.product-story,.product-ingredient-panel{padding:32px}.product-goal{max-width:650px}.product-card h3{font-size:45px}.product-ingredient-panel{padding-top:29px}.ingredient-guide-grid{grid-template-columns:1fr}.ingredient-guide:last-child{grid-column:auto}.prd-ingredient-intro{grid-template-columns:1fr;gap:20px}.prd-ingredient-intro>p:last-child{max-width:620px;font-size:18px}.prd-ingredients{padding-block:65px}.ingredient-guide{padding:30px}.ingredient-guide h3{font-size:29px}.ingredient-facts strong{font-size:16px}}
@media(max-width:600px){.product-story,.product-ingredient-panel{padding:27px 23px}.product-card h3{font-size:41px}.product-intro{font-size:25px}.product-why{font-size:17px}.product-points{gap:10px 13px}.product-points li{font-size:14px}.product-ingredient-panel h4{font-size:21px}.product-ingredient-panel p{font-size:16px}.ingredient-science h4{font-size:18px}.ingredient-science p{font-size:15px}.prd-ingredients{padding-block:52px}.prd-ingredient-intro>p:last-child{font-size:17px}.ingredient-guide{padding:25px 23px}.ingredient-guide-heading{grid-template-columns:18px 1fr;gap:15px}.ingredient-guide h3{font-size:27px}.ingredient-facts{gap:14px;grid-template-columns:1fr}.ingredient-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:baseline}.ingredient-facts span{margin-top:0;font-size:14px}.ingredient-facts strong{font-size:16px}.ingredient-more{font-size:14px;gap:10px}.ingredient-deep summary{font-size:15px}.prd-intro-signature{font-size:15px!important}}
@media print{.product-card{display:block}.product-ingredient-panel,.ingredient-guide{break-inside:avoid}.prd-ingredients{padding-block:25px}.ingredient-guide-grid{display:block}.ingredient-guide{margin-bottom:20px}}
.product-pack-size{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:450px;margin-top:24px;padding-block:14px;border-block:1px solid var(--prd-line)}.product-pack-size span{font-size:15px;line-height:1.5}.product-pack-size strong{font-size:26px;font-weight:400;letter-spacing:-.035em;white-space:nowrap}.product-story .product-pack-size+.product-intro{margin-top:24px!important}@media(max-width:600px){.product-pack-size strong{font-size:25px}.product-pack-size span{font-size:14px}}
.product-card{position:relative}.product-anchor-alias{position:absolute;top:0;left:0;scroll-margin-top:86px}
.portfolio-zoom{display:block;cursor:zoom-in}.portfolio-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;max-width:none;font-size:14px}.portfolio-image figcaption a{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap}.portfolio-image figcaption a:hover{color:var(--prd-red)}@media(max-width:600px){.portfolio-image figcaption{flex-wrap:wrap;gap:0 16px}.portfolio-image figcaption a{margin-left:auto}}
/* Petli Guidelines, page 7: Regular headings/body; Bold accents and buttons. */
.prd-brand>span,.product-animal,.product-ingredient-panel h4,.ingredient-facts strong{font-weight:700}.product-ingredient-panel{border-left:1px solid var(--prd-line)}.ingredient-guide{border:1px solid var(--prd-line)}@media(max-width:800px){.product-ingredient-panel{border-left:0;border-top:1px solid var(--prd-line)}}
/* Shared package identity: explicit species and purpose remain available without colour. */
.purpose-mark{display:block;width:40px;height:40px;flex:none;object-fit:contain;background:#fff}
.purpose-mark--small{width:26px;height:26px}
.product-card-top{align-items:center;gap:16px}
.product-card-top>p{font-size:14px}
.product-animal{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.07em;padding:7px 14px;color:#fff;border:0}
.product-animal--hund{background:#3A3630;border-radius:0}
.product-animal--katze{background:#D51317;border-radius:999px}
.product-jumps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.product-jumps a{justify-content:flex-start;gap:12px}
.product-jumps a>span:last-child{margin-left:auto}
@media(max-width:600px){.product-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.product-jumps a{font-size:16px;gap:9px}.purpose-mark--small{width:22px;height:22px}.product-card-top{gap:12px}.product-card-top>p{font-size:14px}.product-animal{font-size:14px}.product-jumps a>span:not(:last-child){overflow-wrap:break-word}}
.product-variant{font-size:22px;line-height:1.35;font-weight:700;margin-top:12px!important}
/* Individual product views preserve detail at every screen size. */
.portfolio-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 32px}.portfolio-product{display:flex;flex-direction:column;text-decoration:none;padding-bottom:18px;border-bottom:1px solid var(--prd-line);min-width:0}.portfolio-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.portfolio-product>span{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin-top:18px}.portfolio-product>small{font-size:13px;line-height:1.5;margin-top:7px}.portfolio-product:hover>span{color:var(--prd-red)}.product-photo{margin:0 0 30px!important}.product-photo-zoom{display:block;text-decoration:none;cursor:zoom-in}.product-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.product-photo-zoom>span{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;min-height:44px}.product-photo-zoom:hover>span{color:var(--prd-red)}
@media(max-width:800px){.portfolio-products{gap:16px}.portfolio-product>span{font-size:19px}.product-photo{max-width:560px;width:100%;align-self:center}.product-photo-zoom>span{font-size:14px}}
@media(max-width:600px){.portfolio-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.portfolio-product>span{font-size:21px;margin-top:12px}.portfolio-product>small{font-size:13px}.product-photo{margin-bottom:24px!important}}
/* Product photographs open in a contained, keyboard-accessible image view. */
button.product-photo-zoom{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit}
.product-photo-zoom:focus-visible,.product-lightbox-close:focus-visible{outline:2px solid var(--prd-red);outline-offset:5px}
.product-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;padding:32px;border:0;background:transparent;color:#3a3630;overflow:auto}
.product-lightbox[open]{display:flex;align-items:center;justify-content:center}
.product-lightbox::backdrop{background:rgba(30,27,24,.68);backdrop-filter:blur(7px)}
.product-lightbox-panel{width:min(960px,100%);max-height:100%;background:#fff;border-radius:8px;box-shadow:0 24px 90px rgba(0,0,0,.16);overflow:auto}
.product-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px 12px 28px;border-bottom:1px solid #eeece8}
.product-lightbox-header p{font-size:16px;line-height:1.4;font-weight:500;margin:0}
.product-lightbox-close{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#f5f4f1;color:#3a3630;cursor:pointer}
.product-lightbox-close:hover{background:#eeece8}
.product-lightbox figure{margin:0!important;padding:16px 24px 20px;display:flex;flex-direction:column;align-items:center}
.product-lightbox figure img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 216px);object-fit:contain}
.product-lightbox figcaption{margin-top:12px;font-size:13px;line-height:1.5;letter-spacing:.03em;color:#77746e}
@media(max-width:600px){.product-lightbox{padding:12px}.product-lightbox-header{padding:8px 10px 8px 18px}.product-lightbox-header p{font-size:14px}.product-lightbox figure{padding:12px 8px 18px}.product-lightbox figure img{max-height:calc(100dvh - 172px)}.product-lightbox figcaption{font-size:12px}}
.product-photo-caption{font-size:13px;color:#77746e;line-height:1.5;margin:0!important}
/* Ten-product collection: quiet, readable editorial hierarchy. */
.portfolio-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.portfolio-product>span{font-size:21px}.product-jumps{grid-template-columns:repeat(5,minmax(0,1fr))}.prd-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:44px;text-align:left}.prd-value-grid article{padding-top:24px;border-top:1px solid var(--prd-line)}.prd-value-grid article>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--prd-red);font-weight:700}.prd-value-grid h3{font-size:28px;margin:14px 0!important}.prd-value-grid p{font-size:16px;line-height:1.7}.ingredient-science summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;cursor:pointer;font-size:16px;list-style:none}.ingredient-science summary::-webkit-details-marker{display:none}.ingredient-science summary>span{font-size:23px;font-weight:400}.ingredient-science[open] summary>span{transform:rotate(45deg)}.ingredient-science>div{padding:13px 0 5px}.prd-dosing-note{max-width:800px;font-size:14px;line-height:1.7;margin-top:28px!important;padding-top:23px;border-top:1px solid var(--prd-line)}
@media(max-width:1000px) and (min-width:601px){.portfolio-products{grid-template-columns:repeat(3,minmax(0,1fr))}.product-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}.prd-value-grid{gap:24px}.prd-value-grid h3{font-size:25px}}
@media(max-width:600px){.portfolio-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.portfolio-product:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center}.product-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.prd-value-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.prd-value-grid h3{font-size:27px}.prd-value-grid p{font-size:16px}.ingredient-science summary{font-size:16px;gap:12px}.prd-section-nav .prd-wrap{justify-content:flex-start;gap:24px}}
/* Every mobile section link stays visible; no cropped horizontal navigation. */
.prd-portraits a{display:block;text-decoration:none;color:inherit}.prd-portraits a:focus-visible{outline:2px solid var(--prd-red);outline-offset:5px}.prd-portraits figcaption a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.prd-portraits a:hover{color:var(--prd-red)}
@media(max-width:700px){.prd-section-nav>.prd-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;overflow:visible}.prd-section-nav a{font-size:12px;line-height:1.3;min-height:44px;white-space:normal;justify-content:center;text-align:center}html.products-document{scroll-padding-top:104px}}
.ingredient-product-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:20px;border-top:1px solid var(--prd-line);padding-top:12px}.ingredient-product-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:none}.ingredient-product-links a:hover{text-decoration:underline;color:var(--prd-red)}
/* Ingredient portraits are linked to the exact ingredient on its product page. */
.ingredient-guide-portraits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:30px 0; }
.ingredient-guide-portrait { min-width:0; }
.ingredient-guide-portrait figure { margin:0; aspect-ratio:4 / 3; background:#fff; overflow:hidden; }
.ingredient-guide-portrait img { display:block; width:100%; height:100%; object-fit:contain; }
.ingredient-guide-portrait h4 { font-size:17px; line-height:1.35; font-weight:600; margin:14px 0 8px; }
.ingredient-guide-portrait > div { display:flex; flex-direction:column; align-items:flex-start; }
.ingredient-guide-portrait a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:14px; line-height:1.4; text-decoration:none; }
.ingredient-guide-portrait a:hover { color:var(--prd-red); text-decoration:underline; }
@media(max-width:700px) {
.ingredient-guide-portraits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ingredient-guide-portrait h4 { font-size:16px; overflow-wrap:anywhere; }
}
@media(max-width:380px) { .ingredient-guide-portraits { grid-template-columns:1fr; } }