:root{--ink:#252b25;--muted:#70776d;--cream:#f8f6ef;--paper:#fff;--green:#315c45;--green2:#e8efe5;--orange:#eea35c;--line:#e8e5dc;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(248,246,239,.94);border-bottom:1px solid #eee9df;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;flex:0 0 auto;height:100%;text-decoration:none}.brand img{display:block;width:86px;height:72px;object-fit:contain}.brand-mark,.brand-dot{display:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:white;font-size:21px}.brand-dot{color:var(--orange)}.topbar nav{display:flex;gap:32px;color:#62675f;font-size:13px;font-weight:700}.topbar nav a:hover{color:var(--green)}.nav-cta,.primary-btn{background:var(--green);color:white;padding:14px 19px;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 8px 20px #315c4520}.nav-cta span{padding-left:12px}.hero{max-width:1240px;margin:auto;padding:65px 30px 76px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;min-height:600px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green);margin:0 0 18px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.hero h1,.section-heading h2,.pets-heading h2,.how-intro h2,.promise h2{font:800 clamp(43px,5vw,65px)/1.08 Manrope,sans-serif;letter-spacing:-3.4px;margin:0}.hero h1 em,.section-heading h2 em,.pets-heading h2 em,.how-intro h2 em,.promise h2 em{font:italic 400 1.02em var(--serif);color:var(--green)}.hero-intro{font-size:15px;line-height:1.85;color:var(--muted);max-width:470px;margin:23px 0 28px}.primary-btn{display:inline-flex;gap:30px;align-items:center;padding:16px 20px}.hero-proof{font-size:11px;color:var(--muted);margin-top:22px}.hero-proof span{color:#d58e4c;font-size:18px;vertical-align:middle;margin-right:7px}.hero-visual{height:450px;position:relative}.hero-photo{position:absolute;overflow:hidden;border-radius:22px;box-shadow:0 22px 55px #293b2b25}.hero-photo img,.pet-card img,.promise-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-dog{width:66%;height:370px;left:0;top:20px}.hero-cat{width:46%;height:270px;right:0;bottom:0;border:8px solid var(--cream)}.photo-tag{position:absolute;left:16px;bottom:16px;padding:10px 14px;border-radius:30px;background:#fffefaed;font-size:12px;font-weight:800}.photo-tag b{margin-left:8px}.floating-note{position:absolute;top:12px;right:2%;background:white;border-radius:30px;padding:13px 18px;box-shadow:0 9px 28px #0002;font:italic 14px var(--serif)}.floating-note span{color:var(--orange);margin-right:6px}.hero-stamp{position:absolute;left:55%;top:42%;width:91px;height:91px;border-radius:50%;background:var(--orange);color:#fff;text-align:center;display:grid;align-content:center;font-size:10px;font-weight:800;line-height:1.25;transform:rotate(12deg);box-shadow:0 8px 20px #9c673b40}.hero-stamp b{font-size:17px}.trust-strip{display:flex;align-items:center;justify-content:center;gap:42px;background:#e9efe5;padding:20px 20px;color:#465a48}.trust-strip div{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.trust-strip strong{font-size:19px}.trust-strip i{height:25px;width:1px;background:#cbd7c8}.search-section{background:#fff;padding:82px max(6vw,24px) 88px}.section-heading,.results-head{max-width:1100px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2,.pets-heading h2,.how-intro h2{font-size:43px;letter-spacing:-2px}.section-heading>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 5px}.finder{max-width:1100px;margin:auto;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fffdf9;box-shadow:0 15px 40px #302b1b0a}.animal-tabs{display:flex;gap:9px;margin-bottom:24px}.animal-tab{border:1px solid var(--line);background:white;padding:11px 19px;border-radius:9px;font:700 12px 'DM Sans';cursor:pointer}.animal-tab span{font-size:17px;margin-right:5px}.animal-tab.active{background:var(--green2);border-color:#cddacb;color:var(--green)}.field-label,.filter-row label{display:block;font-size:11px;font-weight:800;color:#52594f}.search-row{display:flex;align-items:center;border:1px solid #deded4;border-radius:9px;margin-top:9px;padding:5px 5px 5px 14px}.search-icon{font-size:24px;color:#92978c}.search-row input{border:0;outline:0;flex:1;padding:12px;font:13px 'DM Sans';min-width:0;background:transparent}.search-row button{border:0;background:var(--green);color:white;padding:13px 19px;border-radius:7px;font:800 12px 'DM Sans';cursor:pointer}.search-row button span{padding-left:12px}.filter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.filter-row select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:#6b7067;font:12px 'DM Sans'}.results-head{margin-top:55px;margin-bottom:18px}.results-head h3{font:800 23px Manrope;margin:0;letter-spacing:-.7px}.results-head .eyebrow{margin-bottom:8px}.result-count{font-size:11px;color:var(--muted)}.empty-state{max-width:1100px;margin:auto;text-align:center;background:#f7f7f1;border:1px dashed #d8ded2;border-radius:14px;padding:42px 20px}.empty-icon{font-size:33px}.empty-state h3{font:800 19px Manrope;margin:12px 0 8px}.empty-state p{max-width:540px;margin:auto;color:var(--muted);font-size:12px;line-height:1.8}.pets-section{max-width:1180px;margin:auto;padding:88px 28px 96px;display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}.pets-heading h2{margin-bottom:18px}.pets-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.8;max-width:340px}.pet-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pet-card{height:370px;position:relative;overflow:hidden;border-radius:18px;background:#ddd}.pet-card img{transition:transform .5s}.pet-card:hover img{transform:scale(1.05)}.pet-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101c16d9,transparent 72%)}.pet-card-copy{position:absolute;left:22px;right:16px;bottom:22px;color:white}.pet-card-copy>span{font-size:9px;letter-spacing:1.6px;font-weight:800}.pet-card-copy h3{font:800 25px/1.15 Manrope;letter-spacing:-1px;margin:12px 0 20px}.pet-card-copy a{font-size:10px;font-weight:700;border-bottom:1px solid #ffffff8c;padding-bottom:7px}.pet-card-copy a b{margin-left:8px}.how-section{max-width:1100px;margin:auto;padding:80px 24px 90px}.how-intro{margin-bottom:42px}.how-intro h2{font-size:43px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid article{position:relative;background:white;border:1px solid var(--line);border-radius:14px;padding:25px 24px 28px;min-height:220px}.step{font-size:10px;font-weight:800;color:#c1a17c;letter-spacing:1px}.how-icon{font-size:28px;margin:20px 0 12px}.how-grid h3{font:800 17px Manrope;margin:0 0 8px}.how-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.promise{background:#e9efe5;padding:65px max(8vw,24px);display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.promise-photo{height:300px;border-radius:18px;overflow:hidden;box-shadow:0 18px 35px #273b2c1a}.promise h2{font-size:38px}.promise-copy>p:last-of-type{max-width:600px;color:#667164;font-size:12px;line-height:1.9}.promise-copy>a{display:inline-block;margin-top:8px;color:var(--green);font-size:12px;font-weight:800;border-bottom:1px solid #9eb39d;padding-bottom:6px}.promise-copy>a b{margin-left:10px}footer{padding:30px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:21px}footer .brand-mark{width:30px;height:30px;font-size:17px}footer p,footer>span{font-size:11px;color:var(--muted)}@media(max-width:850px){.topbar nav{gap:16px}.hero{grid-template-columns:1fr;gap:25px;padding-top:55px}.hero-visual{max-width:620px;width:100%;margin:auto}.pets-section{grid-template-columns:1fr;gap:25px}.pets-heading>p:last-child{max-width:550px}}@media(max-width:600px){.topbar{height:68px}.topbar nav{display:none}.nav-cta{font-size:10px;padding:11px}.hero{padding:48px 22px 55px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-visual{height:330px}.hero-dog{height:270px;width:72%}.hero-cat{height:205px;width:48%}.hero-stamp{width:70px;height:70px;font-size:8px}.floating-note{font-size:11px;padding:10px 13px}.trust-strip{gap:15px;flex-wrap:wrap}.trust-strip div{font-size:10px}.trust-strip i{display:none}.search-section{padding:60px 18px}.section-heading{display:block}.section-heading>p{margin-top:16px}.section-heading h2,.pets-heading h2,.how-intro h2{font-size:35px}.finder{padding:18px}.filter-row{grid-template-columns:1fr}.search-row button{padding:12px 10px;font-size:10px}.pet-cards{gap:10px}.pet-card{height:280px;border-radius:13px}.pet-card-copy{left:13px;bottom:15px}.pet-card-copy h3{font-size:19px}.pet-card-copy a{font-size:9px}.pets-section{padding:65px 18px}.how-section{padding:65px 18px}.how-grid{grid-template-columns:1fr}.promise{grid-template-columns:1fr;padding:45px 20px;gap:25px}.promise-photo{height:220px}.promise h2{font-size:31px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
/* Comprendre les besoins avant de lancer la recherche */
.understand-section{max-width:1160px;margin:auto;padding:86px 28px 92px}.understand-heading{max-width:780px;margin-bottom:34px}.understand-heading h2{font:800 clamp(35px,4vw,49px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:0}.understand-heading h2 em{font:italic 400 1.02em Georgia,serif;color:var(--green)}.understand-heading>p:last-child{max-width:650px;color:var(--muted);font-size:13px;line-height:1.85;margin-top:17px}.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.need-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px 19px;min-height:250px;box-shadow:0 10px 28px #26352808}.need-icon{font-size:27px;margin-bottom:18px}.need-card>span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#9a9d8e}.need-card h3{font:800 17px/1.2 Manrope;margin:12px 0 10px;letter-spacing:-.4px}.need-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.species-note{display:flex;align-items:center;gap:22px;margin:22px 0 34px;padding:19px 22px;background:#eaf0e6;border-radius:13px}.species-note-title{font:800 16px Manrope;white-space:nowrap;color:var(--green)}.species-note-title span{color:#d99a59;padding:0 5px}.species-note p{font-size:12px;line-height:1.7;color:#586556;margin:0}.weight-guide{padding:28px 30px 23px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 32px #26352808}.weight-guide-head{display:flex;justify-content:space-between;align-items:center}.weight-guide-head h3{font:800 23px Manrope;margin:0 0 7px;letter-spacing:-.7px}.weight-guide-head p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0;line-height:1.7}.weight-paw{font-size:43px;opacity:.7}.weight-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.weight-scale>div{background:#f8f7f1;border-radius:12px;padding:17px 15px;display:flex;flex-direction:column;gap:6px;border-top:3px solid #a6b99e}.weight-scale>div:nth-child(2){border-color:#8ea98d}.weight-scale>div:nth-child(3){border-color:#d4aa75}.weight-scale>div:nth-child(4){border-color:#bd8b79}.weight-emoji{font-size:24px}.weight-scale b{font:800 14px Manrope}.weight-scale strong{font-size:12px;color:var(--green)}.weight-scale small{font-size:10px;color:var(--muted);line-height:1.5}.weight-disclaimer{font-size:10px;line-height:1.7;color:#81877c;margin:15px 0 0}.filter-row label small{display:block;margin-top:7px;font-size:10px;font-weight:500;color:#858b80}.finder-tip{display:flex;gap:11px;align-items:flex-start;background:#edf2e9;border-radius:10px;padding:12px 14px;margin-top:18px}.finder-tip>span{font-size:17px}.finder-tip p{margin:0;font-size:11px;line-height:1.65;color:#5d6b5a}.finder-tip b{color:var(--green)}
@media(max-width:900px){.needs-grid{grid-template-columns:repeat(2,1fr)}.weight-scale{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.understand-section{padding:60px 18px}.understand-heading h2{font-size:34px}.needs-grid{grid-template-columns:1fr 1fr;gap:9px}.need-card{padding:16px 13px;min-height:0}.need-card h3{font-size:14px}.need-card p{font-size:10px}.species-note{display:block}.species-note p{margin-top:9px}.weight-guide{padding:21px 16px}.weight-guide-head h3{font-size:19px}.weight-paw{font-size:30px}.weight-scale{gap:8px}.weight-scale>div{padding:13px 11px}.weight-scale small{font-size:9px}}

/* Accueil recentré sur la recherche et la comparaison */
.intro-compact{max-width:1120px;margin:0 auto;padding:38px 28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.intro-compact .eyebrow{margin-bottom:10px}.intro-compact h1{font:800 clamp(34px,4vw,46px)/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:0}.intro-compact h1 em{font:italic 400 1.02em Georgia,serif;color:var(--green)}.intro-compact p:not(.eyebrow){max-width:630px;font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 0}.intro-pets{display:flex;align-items:center;gap:12px}.intro-pets span{width:66px;height:66px;border-radius:18px;background:#e9efe5;display:grid;place-items:center;font-size:33px}.intro-pets span+span{background:#f5e9dc}.search-section{padding:42px max(6vw,24px) 58px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:35px;letter-spacing:-1.7px}.section-heading>p{font-size:12px;max-width:330px}.finder{padding:22px 24px}.results-head{margin-top:34px}.empty-state{padding:27px 20px}.empty-state h3{font-size:17px}.empty-state p{font-size:11px}.trust-strip{padding:15px;gap:30px}.understand-section{padding-top:62px;padding-bottom:65px}.understand-heading h2{font-size:36px}.pets-section{padding-top:55px;padding-bottom:60px}.pet-card{height:250px}.promise{padding-top:45px;padding-bottom:45px}.promise-photo{height:220px}
@media(max-width:600px){.intro-compact{padding:30px 20px 20px}.intro-compact h1{font-size:35px}.intro-compact p:not(.eyebrow){font-size:12px}.intro-pets{gap:6px}.intro-pets span{width:43px;height:43px;border-radius:12px;font-size:22px}.search-section{padding:30px 16px 42px}.section-heading h2{font-size:30px}.section-heading>p{font-size:11px}.finder{padding:16px}.trust-strip{gap:12px}.trust-strip div{font-size:9px}.understand-section{padding-top:45px}.pet-card{height:220px}}


/* Illustrations Crocami : remplacement des grandes photos par des visuels vectoriels */
.pet-card.pet-illustration{height:350px;background:#f1e9dc;border:1px solid #e8dfd1;display:flex;flex-direction:column;justify-content:flex-end}
.pet-illustration.cat-card{background:#e9eee6;border-color:#dce5d9}
.pet-art{position:absolute;inset:0 0 105px;display:grid;place-items:center;overflow:hidden}
.pet-art:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#f8f3e9;top:12px;left:50%;transform:translateX(-50%)}
.cat-art:before{background:#f7f8f1}
.pet-art svg{position:relative;width:min(78%,230px);height:210px;overflow:visible;filter:drop-shadow(0 9px 5px #423a2510)}
.dog-head{fill:#c98b55;stroke:#754e35;stroke-width:3;stroke-linejoin:round}
.dog-ear{fill:#8c5d3c;stroke:#754e35;stroke-width:3;stroke-linecap:round}
.dog-patch{fill:#f2d7b6}.dog-muzzle{fill:#f8e7d1;stroke:#754e35;stroke-width:2}
.art-eye{fill:#302b27}.art-nose{fill:#302b27}.art-smile{fill:none;stroke:#754e35;stroke-width:2.5;stroke-linecap:round}
.cat-head{fill:#a9a0c4;stroke:#625b7b;stroke-width:3;stroke-linejoin:round}
.cat-inner-ear{fill:#e9a4a7}.cat-cheek{fill:#d9d4e5}.cat-eye{fill:none;stroke:#4e755d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.cat-nose{fill:#d98791}.cat-whisker{fill:none;stroke:#756d88;stroke-width:2;stroke-linecap:round}
.art-spark{position:absolute;color:#d49a57;font-size:27px}.spark-one{top:25px;left:17%}.spark-two{top:60px;right:16%;font-size:21px}
.art-bubble{position:absolute;right:12%;top:20px;background:white;color:#6a624f;border-radius:30px;padding:7px 12px;font:italic 13px Georgia;box-shadow:0 5px 15px #51462b12;transform:rotate(7deg)}
.pet-card-copy{z-index:1;left:22px;bottom:20px;color:var(--ink)}
.pet-card-copy>span{color:var(--green)}
.pet-card-copy h3{font-size:22px;margin:7px 0 12px}
.pet-card-copy a{color:var(--green);border-color:#9eb39d}
.promise-art{height:260px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#f4e6d5,#e8eee4);display:flex;align-items:center;justify-content:center}
.promise-art-circle{position:absolute;width:220px;height:220px;border:1px solid #ffffffb8;border-radius:50%;box-shadow:0 0 0 22px #ffffff35,0 0 0 48px #ffffff20}
.promise-animal{position:absolute;display:grid;place-items:center;width:118px;height:118px;border-radius:38px;font-size:66px;box-shadow:0 14px 35px #50442a18;transform:rotate(-8deg);background:#fff9}
.promise-dog{left:calc(50% - 105px);top:60px}.promise-cat{left:calc(50% + 5px);top:82px;transform:rotate(8deg);background:#f9f7ff}
.promise-paw{position:absolute;top:25px;right:22%;font-size:32px;color:#c68c53}
.promise-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:800 10px/1.5 Manrope;letter-spacing:2px;color:#53634f}
@media(max-width:600px){.pet-card.pet-illustration{height:280px}.pet-art{inset:0 0 92px}.pet-art svg{width:88%;height:175px}.pet-card-copy h3{font-size:17px}.promise-art{height:210px}}

/* Catalogue réel et comparateur Crocami */
.filter-row{grid-template-columns:repeat(4,1fr)}
.compare-toolbar{max-width:1100px;margin:18px auto 0;padding:13px 16px;border-radius:10px;background:#edf2e9;display:flex;justify-content:space-between;gap:12px;color:#52654f;font-size:11px;font-weight:700}
.results{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 22px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;box-shadow:0 8px 24px #293b2b08}
.product-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.product-animal{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--green)}
.compare-check{font-size:10px;color:var(--muted);white-space:nowrap}.compare-check input{accent-color:var(--green);vertical-align:middle}
.product-brand{font-size:10px;color:#9a815e;font-weight:800;margin:17px 0 5px}
.product-card h3{font:800 17px/1.3 Manrope;margin:0 0 15px;min-height:44px}
.product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 14px}.product-metrics div{background:#f1f2ed;border:1px solid #e3e5dc;border-radius:8px;padding:9px 6px;text-align:center;min-width:0}.product-metrics b{display:block;font:800 15px Manrope;margin:3px 0}.product-metrics small{display:block;font-size:10px;font-weight:700;color:var(--muted);line-height:1.25}.product-metrics span{display:block;font-size:9px;color:var(--muted);line-height:1.3}.product-metrics .metric-good{background:#e8f4e9;border-color:#b9ddbf}.product-metrics .metric-good b{color:#24763b}.product-metrics .metric-near{background:#fff3df;border-color:#f0d29c}.product-metrics .metric-near b{color:#a96808}.product-metrics .metric-poor{background:#fbe9e7;border-color:#edb9b4}.product-metrics .metric-poor b{color:#b3261e}.product-metrics .metric-info{background:#eaf1f8;border-color:#c5d8eb}.product-metrics .metric-info b{color:#315f89}.product-metrics .metric-unknown{background:#f1f2ed;border-color:#e3e5dc}.product-metrics .metric-unknown b{color:#777d72;font-size:10px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.product-price{display:flex;justify-content:space-between;align-items:baseline;margin-top:15px;gap:8px}
.product-price strong{font:800 20px Manrope}.product-price span{font-size:10px;color:var(--muted)}
.product-date{font-size:9px;color:#858b80;line-height:1.5;margin:7px 0 12px}
.product-details{border-top:1px solid var(--line);padding-top:11px}
.product-details summary{font-size:11px;font-weight:800;color:var(--green);cursor:pointer}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.detail-grid div{min-width:0}.detail-grid span{display:block;font-size:9px;color:#8a8e83;margin-bottom:3px}.detail-grid b{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.detail-note,.source-line{font-size:9px;line-height:1.6;color:var(--muted);margin:12px 0 0}.source-line a{color:var(--green);text-decoration:underline}
.merchant-link{display:inline-block;margin-top:13px;font-size:10px;font-weight:800;color:var(--green)}
.comparison{max-width:1100px;margin:25px auto 0;padding:20px;background:#f8f8f2;border:1px solid var(--line);border-radius:14px}
.comparison .results-head{margin:0 0 15px}
.comparison-scroll{overflow-x:auto}
.comparison table{border-collapse:collapse;width:100%;background:white;font-size:10px}
.comparison th,.comparison td{padding:10px;border:1px solid var(--line);text-align:left;min-width:110px;vertical-align:top}
.comparison thead th{background:#eaf0e6;color:var(--green);font-weight:800}
.comparison thead button{display:block;border:0;background:#fff;border-radius:50%;margin-top:6px;cursor:pointer}
.comparison tbody th{background:#f8f7f1}
@media(max-width:900px){.results{grid-template-columns:repeat(2,1fr);gap:20px}.filter-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.results{grid-template-columns:1fr;gap:16px}.filter-row{grid-template-columns:1fr}.compare-toolbar{display:block;line-height:1.8}.product-card h3{min-height:0}.product-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.product-metrics div{padding:8px 5px}.product-metrics b{font-size:14px}.product-metrics small{font-size:9px}.product-metrics span{font-size:8px}.comparison{padding:12px}}


/* Visuels de sacs : visibles dès les résultats et conservés sur la fiche détaillée */
.product-identity{display:flex;align-items:center;gap:15px;min-height:138px;margin:12px 0 16px}
.product-visual{width:112px;height:132px;flex:0 0 112px;display:flex;align-items:center;justify-content:center;background:#faf9f5;border:1px solid #eeeae0;border-radius:10px;overflow:hidden;padding:7px}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain}
.product-visual.pack-missing{background:linear-gradient(145deg,#f5f3eb,#edf1e9)}
.pack-fallback{font-size:38px;opacity:.55}
.product-names{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-name-copy{min-width:0;flex:1}.product-names .score-bubble{position:static;flex:0 0 54px;width:54px;height:54px;margin-right:1px}.product-names .score-bubble strong{font-size:18px}.product-names .score-bubble small{font-size:8px}
.product-brand{font:800 19px/1.12 Manrope,sans-serif;letter-spacing:-.5px;color:var(--green);margin:0 0 7px;overflow-wrap:anywhere}
.product-card h3{font:600 12px/1.4 "DM Sans",sans-serif;color:#77796f;margin:0;min-height:0}
.compare-brand{font:800 13px Manrope,sans-serif}
.compare-recipe{font:500 10px "DM Sans",sans-serif;color:#777}
@media(max-width:600px){.product-identity{min-height:122px;gap:12px}.product-visual{width:96px;height:116px;flex-basis:96px}.product-brand{font-size:17px}.product-card h3{font-size:11px}}

/* Analyse nutritionnelle comparative des croquettes pour chien */
.audit-summary{margin:0 0 13px;padding:10px 12px;border-radius:9px;display:flex;flex-direction:column;gap:4px;background:#f4f3ec;border:1px solid #e9e5d9}
.audit-summary b{font:800 11px Manrope,sans-serif;color:#425d43}
.audit-summary span{font-size:9px;color:#73786e;line-height:1.5}
.audit-summary.watch{background:#fbf2e8;border-color:#f0dfca}.audit-summary.watch b{color:#9a6232}
.audit-summary.partial{background:#f3f3ed}.audit-summary.missing b{color:#777}
.nutrition-audit{margin:18px 0 8px;padding:16px;border:1px solid #e7e5dc;border-radius:11px;background:#fcfcf8}
.audit-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.audit-heading>div{display:flex;flex-direction:column;gap:4px}.audit-heading>div>b{font:800 13px Manrope,sans-serif;color:#304e39}.audit-heading small{font-size:9px;line-height:1.5;color:#7b8176}
.audit-status{font-size:8px;letter-spacing:.5px;border-radius:20px;padding:6px 8px;background:#edf1e8;color:#426449;white-space:nowrap}
.audit-status.watch{background:#f8eadb;color:#98612e}.audit-status.partial,.audit-status.missing{background:#efefe9;color:#777}
.audit-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.audit-row{background:#fff;border:1px solid #eeece5;border-radius:8px;padding:10px;min-width:0}
.audit-row-main{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.audit-row-main>b{font-size:9px;line-height:1.4;color:#4c5149}.audit-value{font:800 11px Manrope,sans-serif;color:#3e6848;text-align:right;white-space:nowrap}.audit-value.bad,.audit-value.watch{color:#a46c37}.audit-value.missing{color:#8a8d84}.audit-row>small{display:block;margin-top:5px;font-size:8px;color:#777e72;line-height:1.4}.audit-row p{font-size:8px;color:#85897f;line-height:1.5;margin:5px 0 7px}.audit-tag{font-style:normal;font-size:7px;letter-spacing:.6px;font-weight:800;color:#4d7653}.audit-tag.bad,.audit-tag.watch{color:#a36b36}.audit-tag.missing{color:#85877f}.audit-tag.info{color:#6e7180}
.audit-foot{font-size:8px;line-height:1.6;color:#85897f;margin:12px 0 0}
@media(max-width:600px){.nutrition-audit{padding:12px}.audit-list{grid-template-columns:1fr}.audit-heading{display:block}.audit-status{display:inline-block;margin-top:8px}}

/* Note nutritionnelle globale Crocami — chiens et chats */
.global-score-card{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:11px 13px;border:1px solid #e5e9df;border-radius:10px;background:#f3f6f0}
.global-score-number{display:flex;align-items:baseline;gap:2px;min-width:68px;color:#365c3e}.global-score-number strong{font:800 27px/1 Manrope,sans-serif;letter-spacing:-1px}.global-score-number span{font:700 10px Manrope;color:#788475}
.global-score-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.global-score-copy b{font:800 10px Manrope,sans-serif;color:#405a42}.global-score-copy small{font-size:9px;color:#737d70;line-height:1.4}
.global-score-card.medium{background:#f7f4e9;border-color:#eee6cc}.global-score-card.medium .global-score-number{color:#8c7138}.global-score-card.watch{background:#fbf0e9;border-color:#f0ddd0}.global-score-card.watch .global-score-number{color:#a2653d}.global-score-card.missing{background:#f2f2ef}.global-score-card.missing .global-score-number{color:#85877f}
.global-score-detail{margin:16px 0 12px;padding:16px;border:1px solid #e4e9df;border-radius:12px;background:#f8faf6}.global-score-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.global-score-top>div:first-child>span{font-size:8px;font-weight:800;letter-spacing:1px;color:#778372}
.global-score-big{font:800 38px/1.1 Manrope,sans-serif;letter-spacing:-1.5px;color:#365c3e;margin-top:5px}.global-score-big small{font-size:13px;letter-spacing:0;color:#788475;margin-left:3px}.global-score-reliability{display:flex;flex-direction:column;gap:5px;text-align:right}.global-score-reliability b{font:800 11px Manrope;color:#405a42}.global-score-reliability span{font-size:9px;color:#778174}
.global-score-explain,.global-score-foot{font-size:9px;line-height:1.65;color:#727b6e}.global-score-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.global-score-criteria>div{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:10px;background:#fff;border:1px solid #e9ede5;border-radius:8px}.global-score-criteria>div>span{font-size:9px;font-weight:700;color:#4c5949}.global-score-criteria>div>b{font:800 10px Manrope;color:#42684a}.global-score-criteria>div>small{grid-column:1/-1;font-size:8px;line-height:1.5;color:#81887d}.global-score-foot{margin:12px 0 0}
@media(max-width:600px){.global-score-detail{padding:12px}.global-score-criteria{grid-template-columns:1fr}.global-score-top{align-items:flex-start}}


/* Pastille de note Crocami superposée en haut à droite du sac */
.product-visual{position:relative;overflow:visible}
.product-visual img{max-width:100%;max-height:100%}
.score-bubble{position:absolute;top:-9px;right:-9px;width:43px;height:43px;border:3px solid #fff;border-radius:50%;background:var(--score-color,#85877f);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #17251b30;z-index:2;line-height:1}
.score-bubble strong{font:800 15px/1 Manrope,sans-serif;letter-spacing:-.5px}
.score-bubble small{font:700 7px/1.1 "DM Sans",sans-serif;opacity:.95;margin-top:2px}
@media(max-width:600px){.score-bubble{width:39px;height:39px;top:-7px;right:-7px}.score-bubble strong{font-size:14px}}


/* Comparateur mobile : afficher les critères essentiels sans défilement horizontal */
@media(max-width:600px){
 .comparison-scroll{overflow-x:hidden}
 .comparison table{width:100%;min-width:0;table-layout:fixed;font-size:9px}
 .comparison th,.comparison td{min-width:0;width:auto;padding:7px 4px;overflow-wrap:anywhere;word-break:normal}
 .comparison thead th:first-child,.comparison tbody th{width:24%}
 .comparison thead th:not(:first-child),.comparison tbody td{width:19%}
 .comparison tbody tr:nth-child(2),.comparison tbody tr:nth-child(3),.comparison tbody tr:nth-child(6),.comparison tbody tr:nth-child(n+8){display:none}
 .comparison thead th{font-size:8px;line-height:1.3}
 .comparison thead button{width:19px;height:19px;padding:0}
}

@media(max-width:600px){.product-names{gap:7px}.product-names .score-bubble{flex-basis:50px;width:50px;height:50px}.product-names .score-bubble strong{font-size:17px}}

/* Barre de tri indépendante des filtres de recherche */
.results-head{align-items:center}
.results-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.sort-control{display:flex;align-items:center;gap:9px;color:#52654f;font-size:11px;font-weight:800;white-space:nowrap}
.sort-control select{min-width:205px;padding:10px 34px 10px 12px;border:1px solid #dfe4d9;border-radius:9px;background:#f8faf6;color:#315c45;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.sort-control select:focus{outline:2px solid #9eb99e;outline-offset:2px}
.result-count{font-size:12px;font-weight:700;white-space:nowrap}
.score-bubble strong{font:800 17px/1 Manrope,sans-serif;letter-spacing:-.35px;text-shadow:0 1px 1px #0002}
.score-bubble small{font:800 8px/1 "DM Sans",sans-serif;letter-spacing:.25px;opacity:1;margin-top:3px}
.product-names .score-bubble strong{font-size:21px}
.product-names .score-bubble small{font-size:9px}
@media(max-width:600px){
 .results-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .results-tools{width:100%;justify-content:space-between;gap:10px}
 .sort-control{flex:1;min-width:0}
 .sort-control select{min-width:0;width:100%;max-width:230px}
 .result-count{font-size:11px}
}

/* La bulle de chaque carte affiche uniquement la note Crocami et sa couverture. */
.score-stack{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:62px}
.score-stack .score-bubble{position:static;flex:0 0 54px;width:54px;height:54px;margin:0}
.score-coverage-mini{display:block;max-width:74px;font:700 7px/1.15 "DM Sans",sans-serif;color:#536d84;text-align:center;white-space:normal}
@media(max-width:600px){.score-stack{flex-basis:58px;min-width:58px}}


/* Comparateur : repérage immédiat des valeurs les plus favorables */
.comparison-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;color:#687365;font-size:10px;line-height:1.5}
.comparison-legend>span{display:inline-flex;align-items:center;gap:6px}
.comparison-key{display:inline-block;width:11px;height:11px;border-radius:3px;background:#e1f2e3;border:1px solid #a8d5ae}
.comparison-key.neutral{background:#f1f2ed;border-color:#e0e2d9}
.comparison tbody td{position:relative;line-height:1.5}
.comparison tbody td.comparison-best{background:#e5f4e7;color:#205d32;font-weight:800;box-shadow:inset 0 0 0 1px #b8dfbd}
.comparison-best-label{display:inline-block;margin:0 5px 4px 0;padding:2px 5px;border-radius:4px;background:#c9e8ce;color:#205d32;font:800 7px/1.3 'DM Sans',sans-serif;letter-spacing:.45px;vertical-align:middle}
.comparison-row-hint{display:block;margin-top:3px;color:#81877b;font-size:8px;font-weight:500;line-height:1.35}
.comparison-neutral-row th{color:#666d62}
@media(max-width:600px){.comparison-legend{font-size:9px;gap:5px 10px}.comparison-row-hint{font-size:7px}.comparison-best-label{font-size:6px;padding:2px 3px}}


/* Logo Croc’Ami dans l’en-tête principal */
.topbar .brand{min-width:112px;justify-content:flex-start}
.topbar .brand img{width:104px;height:72px;object-fit:contain;object-position:left center}
@media(max-width:600px){.topbar .brand{min-width:88px}.topbar .brand img{width:84px;height:64px}}


/* Identité visuelle Croc’Ami — bleu, orange et crème du logo */
:root{
  --ink:#20334b;
  --muted:#68788a;
  --cream:#fff9ef;
  --paper:#ffffff;
  --green:#1768b3;
  --green2:#eaf3fc;
  --orange:#f39a24;
  --line:#e4eaf0;
}
body{background:var(--cream);color:var(--ink)}
.topbar{background:rgba(255,249,239,.96);border-bottom-color:#e8edf2}
.topbar nav{color:#52677f}
.topbar nav a:hover,.eyebrow,.pet-card-copy>span{color:#1768b3}
.eyebrow-dot{background:#f39a24}
.nav-cta,.primary-btn,.search-row button{background:#1768b3;box-shadow:0 8px 20px #1768b326}
.nav-cta:hover,.primary-btn:hover,.search-row button:hover{background:#105895}
.hero h1 em,.section-heading h2 em,.pets-heading h2 em,.how-intro h2 em,.promise h2 em{color:#1768b3}
.trust-strip,.compare-toolbar{background:#eaf3fc;color:#315d86}
.trust-strip i{background:#c9dced}
.finder-tip,.comparison thead th{background:#eaf3fc}
.finder-tip{border-color:#d8e8f6}
.finder-tip b,.comparison thead th{color:#1768b3}
.pet-card-copy a,.merchant-link,.source-line a,.promise-copy a{color:#1768b3}
.pet-card-copy a{border-color:#a9c9e5}
.weight-paw,.promise-paw{color:#f39a24}
.sort-control{color:#315d86}
.sort-control select{border-color:#d6e5f2;background:#f7fbff;color:#1768b3}
.sort-control select:focus{outline-color:#8dbce4}
.animal-tab.active,.animal-tab[aria-pressed=true]{background:#eaf3fc;color:#1768b3;border-color:#b8d6ef}
.pet-card.pet-illustration{border-color:#d8e6f1}
.dog-art:before{background:#fff2df}
.cat-art:before{background:#edf5ff}
.promise-art{background:linear-gradient(145deg,#fff0d9,#eaf3fc)}
.promise-label{color:#315d86}
.global-score-copy b,.audit-heading>div>b{color:#315d86}
.global-score-detail{border-color:#dce9f4}
.global-score-big{color:#1768b3}
.global-score-criteria>div{border-color:#e1ebf3}
footer{background:#f2f7fc;border-top:1px solid #e1eaf2}
footer .brand img{width:94px;height:62px;object-fit:contain;padding:3px 7px;background:#fff9ef;border:1px solid #f0e4d2;border-radius:12px}
footer .brand{height:auto}
.topbar .brand{min-width:112px;justify-content:flex-start}
.topbar .brand img{width:100px;height:68px;object-fit:contain;object-position:center;padding:3px 7px;background:#fff9ef;border:1px solid #f0e4d2;border-radius:12px;image-rendering:auto;filter:none}
@media(max-width:600px){
  .topbar .brand{min-width:88px}
  .topbar .brand img{width:82px;height:60px;padding:3px 5px}
  footer .brand img{width:82px;height:56px}
}
/* Fin de l’identité visuelle Croc’Ami */


/* Nouvelle répartition des couleurs : davantage de bleu et d’orange, blanc en accent */
:root{
  --ink:#183653;
  --muted:#536d84;
  --cream:#fff7e9;
  --paper:#fffdf8;
  --green:#1266ad;
  --green2:#dcecf9;
  --orange:#f39a24;
  --line:#cbddec;
}
body{background:#fff7e9;color:#183653}
.topbar{background:#1266ad;border-bottom:3px solid #f39a24;box-shadow:0 5px 18px #103e6520}
.topbar nav{color:#fff}
.topbar nav a:hover{color:#ffd18a}
.topbar .nav-cta{background:#f39a24;color:#173b5b;box-shadow:0 5px 15px #082f502c}
.topbar .nav-cta:hover{background:#ffb64e}
.topbar .brand img{background:#fffdf8;border-color:#f39a24}
.intro-compact{background:linear-gradient(112deg,#0f5d9f 0%,#1978bd 72%,#f39a24 72%,#f39a24 100%);color:#fff;border-radius:0 0 22px 22px;padding-left:max(6vw,24px);padding-right:max(6vw,24px)}
.intro-compact .eyebrow{color:#ffe0ae}
.intro-compact .eyebrow-dot{background:#ffb13b}
.intro-compact h1,.intro-compact h1 em,.intro-compact p:not(.eyebrow){color:#fff}
.intro-pets span{background:#fffdf8;color:#1768b3;border:2px solid #f39a24}
.search-section{background:#e2effa}
.section-heading .eyebrow,.results-head .eyebrow{color:#1266ad}
.finder{background:#fffdf8;border:1px solid #c7dced;box-shadow:0 12px 30px #174e7820}
.animal-tab.active,.animal-tab[aria-pressed=true]{background:#1266ad;color:#fff;border-color:#1266ad}
.search-row button,.primary-btn{background:#1266ad;color:#fff}
.search-row button:hover,.primary-btn:hover{background:#0d4e85}
.finder-tip{background:#fff0d8;border-color:#f3c47f}
.finder-tip b{color:#a85e08}
.compare-toolbar{background:#1266ad;color:#fff;border-left:5px solid #f39a24}
.results-head h3{color:#183653}
.sort-control select{background:#fffdf8;border-color:#9fc4e2;color:#125d9d}
.product-card{background:#fffdf8;border-color:#cbddec;box-shadow:0 9px 24px #174e7815}
.product-visual{background:#fff7e9;border-color:#ead8bb}
.product-brand{color:#1266ad}
.product-details summary,.merchant-link{color:#1266ad}
.trust-strip{background:#1266ad;color:#fff;border-top:4px solid #f39a24;border-bottom:4px solid #f39a24}
.trust-strip i{background:#ffffff55}
.understand-section{background:#fff7e9}
.need-card,.species-note,.weight-guide{border-color:#d7e5f0}
.need-icon,.weight-paw{color:#f39a24}
.species-note-title{color:#1266ad}
.pets-section{background:#e2effa}
.pet-card.pet-illustration{background:#fff0d8;border-color:#f2c47e}
.pet-illustration.cat-card{background:#dcecf9;border-color:#a9cbe5}
.pet-card-copy>span{color:#1266ad}
.pet-card-copy a{color:#1266ad;border-color:#f39a24}
.how-section{background:#10558f;color:#fff}
.how-section .eyebrow,.how-section h2,.how-section h2 em,.how-grid h3,.how-grid p{color:#fff}
.how-section h2 em{ text-decoration:underline;text-decoration-color:#f39a24;text-decoration-thickness:3px;text-underline-offset:6px}
.how-grid article{background:#176daf;border:1px solid #4a91c4;border-radius:14px;padding:20px}
.how-grid .step,.how-icon{color:#ffbd59}
.promise{background:#fff0d8;border-top:5px solid #f39a24;border-bottom:5px solid #f39a24}
.promise-art{background:linear-gradient(135deg,#1266ad 0%,#1c7fbe 58%,#f39a24 58%,#f39a24 100%)}
.promise-label{color:#fff}
.promise-copy .eyebrow{color:#1266ad}
.promise-copy h2 em{color:#1266ad}
.promise-copy a{color:#1266ad}
footer{background:#1266ad;color:#fff;border-top:4px solid #f39a24}
footer p,footer>span{color:#fff}
footer .brand img{background:#fffdf8;border:2px solid #f39a24}
@media(max-width:700px){
 .intro-compact{background:linear-gradient(145deg,#0f5d9f,#1978bd 78%,#f39a24 78%);padding-left:20px;padding-right:20px}
 .topbar nav{color:#fff}
 .how-grid article{padding:16px}
}

/* Fond général bleu profond et orange — blanc réservé aux contenus */
:root{--ink:#173653;--muted:#55718b;--cream:#f7ead5;--paper:#fffaf1;--green:#1266ad;--green2:#dcecf9;--orange:#f39a24;--line:#b9d1e4}
body{background:#0e4778;color:#fff}main{background:#0e4778}
.topbar{background:#083d6c;border-bottom:3px solid #f39a24}
.intro-compact{background:linear-gradient(115deg,#0b4d83 0%,#1266ad 68%,#e98b19 68%,#f39a24 100%);color:#fff}
.search-section{background:#145b94;color:#fff}
.section-heading h2,.section-heading>p,.section-heading .eyebrow{color:#fff}
.finder{background:#f7ead5;border:1px solid #f39a24;color:#173653;box-shadow:0 12px 28px #052d4d55}
.finder label,.finder .field-label,.finder p{color:#173653}
.finder input,.finder select,.sort-control select{background:#fffaf1;color:#173653;border-color:#e8b56f}
.finder-tip{background:#ffe0ae;border-color:#f39a24;color:#643c12}
.trust-strip{background:#083d6c;color:#fff;border-block:4px solid #f39a24}
.understand-section{background:#0e4778;color:#fff}
.understand-section h2,.understand-section p,.understand-section .eyebrow{color:#fff}
.need-card,.species-note,.weight-guide{background:#f7ead5;color:#173653;border-color:#e7b66f}
.need-card h3,.need-card p,.species-note p,.weight-guide p{color:#173653}
.pets-section{background:#145b94;color:#fff}
.pets-section h2,.pets-section p,.pets-section .eyebrow{color:#fff}
.pet-card-copy{background:#f7ead5;color:#173653}
.pet-card-copy h3,.pet-card-copy p{color:#173653}
.how-section{background:#083d6c;color:#fff;border-block:4px solid #f39a24}
.promise{background:#f7ead5;color:#173653;border-block:5px solid #f39a24}
.promise h2,.promise p,.promise .eyebrow{color:#173653}
.promise-art{background:linear-gradient(135deg,#0b4d83 0%,#1266ad 58%,#f39a24 58%,#f39a24 100%)}
.results-section,.catalog-section{background:#0e4778;color:#fff}
.results-section h2,.catalog-section h2,.results-section p,.catalog-section p{color:#fff}
.product-card,.comparison-wrap,.global-score-detail{background:#fffaf1;color:#173653;border-color:#f0c98f}
.product-card h3,.product-card p,.product-card label,.comparison-wrap td,.comparison-wrap th{color:#173653}
.compare-toolbar{background:#083d6c;color:#fff;border-left:5px solid #f39a24}
.sort-control{color:#fff}
footer{background:#083d6c;color:#fff;border-top:4px solid #f39a24}
footer p,footer>span{color:#fff}
.topbar .brand img,footer .brand img{background:#fffaf1;border:2px solid #f39a24;border-radius:12px;object-fit:contain;object-position:center;padding:4px}
@media(max-width:700px){.search-section,.pets-section{background:#145b94}.finder{background:#f7ead5}}


/* Logo officiel transmis : image d'origine, sans filtre ni cadre ajouté */
.topbar .brand{display:flex;align-items:center;justify-content:flex-start;min-width:126px;height:auto}
.topbar .brand img{display:block;width:122px;height:66px;max-width:none;object-fit:contain;object-position:left center;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;image-rendering:auto}
footer .brand img{display:block;width:112px;height:62px;object-fit:contain;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
@media(max-width:700px){.topbar .brand{min-width:92px}.topbar .brand img{width:90px;height:52px}}


/* Lisibilité : accents orange pour les textes qui reposent sur les fonds bleus */
.intro-compact .eyebrow,
.search-section .section-heading .eyebrow,
.search-section .section-heading h2 em,
.results-section .results-head .eyebrow,
.results-section .section-heading h2 em,
.catalog-section .section-heading .eyebrow,
.catalog-section .section-heading h2 em,
.understand-section .eyebrow,
.understand-section h2 em,
.pets-section .eyebrow,
.pets-section h2 em,
.how-section .eyebrow,
.how-section h2 em,
footer a:hover{
  color:#ffad35!important;
}


/* Harmonisation globale finale — palette Croc’Ami bleu / orange / ivoire */
:root{
  --ink:#153a59;
  --muted:#55718a;
  --cream:#fff3df;
  --paper:#fffaf1;
  --green:#1266a6;
  --green2:#dcecf8;
  --orange:#f39a24;
  --line:#d9c6a8;
}
html{scroll-behavior:smooth}
body{background:#0b416d!important;color:#fff}
.topbar{background:#07375e!important;border-bottom:3px solid #f39a24!important}
.topbar nav a{color:#f8f4ec}
.topbar nav a:hover,.topbar nav a.active{color:#ffb347}
.topbar .nav-cta{background:#f39a24!important;color:#173b59!important}
.intro-compact{background:linear-gradient(110deg,#0a4778 0%,#1266a6 72%,#e98919 72%,#f39a24 100%)!important}
.intro-compact h1,.intro-compact>div>p:not(.eyebrow){color:#fff!important}
.intro-compact h1 em,.intro-compact .eyebrow{color:#ffb347!important}
.search-section{background:#10558d!important;color:#fff}
.search-section .section-heading h2,.search-section .section-heading>p{color:#fff!important}
.search-section .section-heading .eyebrow,.search-section .section-heading h2 em{color:#ffb347!important}
.finder{background:#fff3df!important;color:#173b59!important;border:1px solid #f39a24!important}
.finder .field-label,.finder label,.finder p{color:#173b59}
.finder input,.finder select{background:#fffaf1!important;color:#173b59!important;border-color:#d8b98b!important}
.animal-tab{background:#e3edf5!important;color:#164b76!important;border-color:#b7cee0!important}
.animal-tab.active,.animal-tab[aria-pressed=true]{background:#1266a6!important;color:#fff!important;border-color:#f39a24!important}
.search-row button,.primary-btn{background:#f39a24!important;color:#173b59!important}
.search-row button:hover,.primary-btn:hover{background:#ffb347!important}
.finder-tip{background:#ffe3b8!important;border-color:#f39a24!important;color:#604019!important}
.finder-tip b{color:#8b4c08!important}
.compare-toolbar{background:#07375e!important;color:#fff!important;border-left:5px solid #f39a24!important}
.results-head h3{color:#fff!important}
.results-head .eyebrow{color:#ffb347!important}
.results-tools,.result-count,.sort-control{color:#fff!important}
.sort-control select{background:#fffaf1!important;color:#173b59!important;border-color:#f39a24!important}
#results{color:#173b59}
.product-card{background:#fffaf1!important;color:#173b59!important;border:1px solid #e8c99c!important;box-shadow:0 10px 25px #052e4c40!important}
.product-card h3,.product-card p,.product-card label,.product-card span{color:inherit}
.product-brand{color:#1266a6!important}
.product-price strong{color:#d87912!important}
.product-visual{background:#fff3df!important;border-color:#e8c99c!important}
.product-metrics>div{background:#f4e7d2!important;border-color:#e5cfad!important}
.product-metrics b{color:#173b59!important}
.product-metrics small{color:#64788a!important}
.score-bubble{border-color:#fffaf1}
.global-score-card,.global-score-detail,.nutrition-audit{background:#f5ead9!important;color:#173b59!important;border-color:#e5cba7!important}
.global-score-card p,.global-score-detail p,.nutrition-audit p{color:#425d73!important}
.global-score-number,.global-score-big{color:#1266a6!important}
.global-score-copy b,.audit-heading>div>b{color:#173b59!important}
.audit-row,.global-score-criteria>div{border-color:#dfc9a8!important}
.comparison{background:#fff3df!important;border-color:#f39a24!important;color:#173b59!important}
.comparison .results-head h3,.comparison th,.comparison td{color:#173b59!important}
.comparison thead th{background:#e5eff6!important}
.comparison tbody tr:nth-child(even){background:#fffaf1!important}
.trust-strip{background:#07375e!important;color:#fff!important;border-block:4px solid #f39a24!important}
.trust-strip strong{color:#ffb347!important}
.understand-section{background:#0b416d!important;color:#fff!important}
.understand-section .need-card,.understand-section .species-note,.understand-section .weight-guide{background:#fff3df!important;color:#173b59!important;border:1px solid #e7c89c!important}
.need-card h3,.need-card p,.need-card>span,.species-note p,.weight-guide h3,.weight-guide p,.weight-scale b,.weight-scale strong,.weight-scale small{color:#173b59!important}
.need-card .need-icon,.weight-paw{color:#e98919!important}
.species-note-title{color:#1266a6!important}
.weight-guide .eyebrow{color:#c87512!important}
.pets-section{background:#10558d!important;color:#fff!important}
.pets-heading h2,.pets-heading>p{color:#fff!important}
.pets-heading .eyebrow,.pets-heading h2 em{color:#ffb347!important}
.pet-card-copy{background:#fff3df!important;color:#173b59!important}
.pet-card-copy h3,.pet-card-copy p{color:#173b59!important}
.pet-card-copy>span,.pet-card-copy a{color:#1266a6!important}
.pet-card-copy a{border-color:#f39a24!important}
.dog-art{background:#f8e3c4!important}
.cat-art{background:#dcecf8!important}
.how-section{background:#07375e!important;color:#fff!important;border-block:4px solid #f39a24!important}
.how-intro h2,.how-grid h3,.how-grid p{color:#fff!important}
.how-section .eyebrow,.how-intro h2 em,.how-grid .step,.how-icon{color:#ffb347!important}
.how-grid article{background:#10558d!important;border:1px solid #4381ad!important}
.promise{background:#fff3df!important;color:#173b59!important;border-block:5px solid #f39a24!important}
.promise-copy h2,.promise-copy p{color:#173b59!important}
.promise-copy .eyebrow,.promise-copy h2 em,.promise-copy a{color:#1266a6!important}
.promise-art{background:linear-gradient(135deg,#0b4778 0%,#1266a6 58%,#f39a24 58%,#f39a24 100%)!important}
.promise-label{color:#fff!important}
footer{background:#07375e!important;color:#fff!important;border-top:4px solid #f39a24!important}
footer p,footer>span{color:#f8f4ec!important}
footer .brand img{background:transparent!important;border:0!important}
@media(max-width:700px){
  .intro-compact{background:linear-gradient(145deg,#0a4778 0%,#1266a6 76%,#f39a24 76%,#f39a24 100%)!important}
  .results-head h3{color:#fff!important}
  .product-card{background:#fffaf1!important}
}

/* Logo Croc’Ami : fichier source réparé, sans déformation */
.topbar .brand{display:flex;align-items:center;flex:0 0 auto}
.topbar .brand img{display:block;width:104px;height:62px;object-fit:contain;object-position:left center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
footer .brand img{display:block;max-width:150px;height:auto;object-fit:contain;background:transparent;border:0;padding:0;box-shadow:none}

/* Croc'Ami — palette officielle harmonisée avec le logo */
:root{
 --ink:#173b59;
 --muted:#536b80;
 --cream:#eaf1f7;
 --paper:#fff7eb;
 --green:#1769a8;
 --green2:#dceaf5;
 --orange:#f39a24;
 --line:#cbdbea;
}
body{background:#eaf1f7;color:#173b59}
.topbar{background:rgba(237,244,250,.97);border-bottom:2px solid #f39a24}
.topbar nav{color:#315d7e}
.topbar nav a:hover{color:#f39a24}
.topbar .brand img{width:112px;height:70px;object-fit:contain;object-position:left center;background:transparent}
.search-section{background:#e4edf6}
.finder{background:#fff7eb;border-color:#cbdbea}
.filter-row select,.search-row{border-color:#b8cfe2}
.search-row button,.nav-cta,.primary-btn{background:#f39a24;color:#173b59}
.search-row button:hover,.nav-cta:hover,.primary-btn:hover{background:#ffb347;color:#173b59}
.animal-tab.active{background:#dceaf5;color:#125b91;border-color:#f39a24}
.results-head h3{color:#fff}
.results-head .eyebrow{color:#ffb347}
.product-card{background:#fff7eb;border-color:#cbdbea;color:#173b59}
.product-brand{color:#1769a8}
.product-price strong{color:#d87912}
.product-visual{background:#f5e7d2;border-color:#e8c99c}
.product-metrics>div{background:#e9f0f6;border-color:#cbdbea}
.trust-strip,.how-section,footer{background:#07375e;color:#fff;border-color:#f39a24}
.trust-strip strong,.how-section .eyebrow,.how-intro h2 em,.how-grid .step,.how-icon{color:#ffb347}
.understand-section,.pets-section{background:#10558d;color:#fff}
.pets-heading h2,.pets-heading>p,.how-intro h2,.how-grid h3,.how-grid p{color:#fff}
.pet-card-copy,.need-card,.species-note,.weight-guide{background:#fff7eb;color:#173b59}
.promise{background:#fff1dc;color:#173b59}
.promise-copy h2,.promise-copy p{color:#173b59}
.promise-copy h2 em,.promise-copy .eyebrow,.promise-copy a{color:#1769a8}
footer .brand img{width:120px;height:auto;max-height:82px;object-fit:contain;background:transparent;border:0;box-shadow:none}
@media(max-width:700px){
 .topbar .brand img{width:88px;height:62px}
 .search-section{background:#e4edf6}
 .finder{background:#fff7eb}
}

/* Sources nutritionnelles consultables depuis chaque fiche */
.product-sources{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 2px;padding-top:7px;border-top:1px solid #cbdbea;font-size:11px;color:#536b80}
.product-sources small{font-weight:700;color:#536b80}
.product-sources a{color:#1769a8;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.product-sources a:hover{color:#f39a24}


/* Correctif définitif du logo : règle prioritaire après les anciens styles */
.topbar .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 140px!important;width:140px!important;min-width:140px!important;height:100%!important;overflow:visible!important}
.topbar .brand img{display:block!important;width:132px!important;height:66px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
footer .brand img{display:block!important;width:120px!important;height:72px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
@media(max-width:700px){.topbar .brand{flex-basis:108px!important;width:108px!important;min-width:108px!important}.topbar .brand img{width:102px!important;height:56px!important}}

.product-source-review{flex-basis:100%;min-width:0;margin-top:2px;font-size:10px;line-height:1.5;color:var(--muted)}
.product-source-review summary{cursor:pointer;font-weight:700;color:#8a5a18;text-decoration:underline;text-underline-offset:2px}
.product-source-review[open] summary{margin-bottom:5px}
.product-source-review p{margin:4px 0 2px;line-height:1.55;color:var(--muted)}


/* Lecture des analyses fabricant actuelles, conservées à part des anciennes recettes */
.product-current-formula{padding:7px 9px;border-left:2px solid #d8a14c;background:rgba(216,161,76,.07);border-radius:5px}
.current-formula-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin:7px 0}
.current-formula-values>div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid rgba(120,130,140,.16)}
.current-formula-values span{color:var(--muted)}
.current-formula-values b{white-space:nowrap;color:var(--text)}
.current-formula-image{display:block;width:min(100%,150px);max-height:170px;object-fit:contain;margin:6px 0 8px;padding:5px;background:#fff;border-radius:6px}
@media(max-width:420px){.current-formula-values{grid-template-columns:1fr}}


/* Comparateur avancé : filtres lisibles et actions */
.filter-row input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b8cfe2;border-radius:8px;background:#fff;color:#173b59;font:12px 'DM Sans',sans-serif;min-width:0}
.filter-row input:focus,.filter-row select:focus,.search-row:focus-within{outline:2px solid #f39a24;outline-offset:1px}
.filter-actions{display:flex;justify-content:flex-end;margin-top:12px}
.reset-filters{border:1px solid #b8cfe2;border-radius:8px;background:#fff7eb;color:#1769a8;padding:9px 13px;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
.reset-filters:hover:not(:disabled){background:#dceaf5;border-color:#1769a8}
.reset-filters:disabled{opacity:.45;cursor:not-allowed}
.compare-toolbar>span{display:flex;flex-direction:column;gap:3px}
.compare-toolbar>span>span{font-size:10px;font-weight:500}
.compare-toolbar .reset-filters{flex:0 0 auto}
.results-tools .sort-control select{max-width:260px}
@media(max-width:900px){.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.filter-row{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-actions .reset-filters{width:100%}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.compare-toolbar .reset-filters{font-size:10px;padding:8px}.results-head{align-items:flex-start;flex-direction:column}.results-tools{align-items:flex-start;flex-wrap:wrap}.results-tools .sort-control{width:100%}.results-tools .sort-control select{width:100%;max-width:none}}
/* Sur mobile, conserver tous les critères : défilement horizontal plutôt que masquer des lignes */
@media(max-width:600px){
 .comparison-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .comparison table{width:max-content!important;min-width:680px!important;table-layout:auto!important;font-size:10px!important}
 .comparison th,.comparison td{min-width:118px!important;width:auto!important;padding:9px 8px!important;overflow-wrap:normal!important}
 .comparison thead th:first-child,.comparison tbody th{min-width:145px!important;width:145px!important}
 .comparison thead th:not(:first-child),.comparison tbody td{min-width:135px!important;width:135px!important}
 .comparison tbody tr{display:table-row!important}
}


/* Fiches individuelles de chaque référence */
.product-image-link{position:relative;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.product-image-link:hover{transform:translateY(-2px);border-color:#8eae91}
.image-open-hint{position:absolute;left:4px;right:4px;bottom:4px;padding:5px 3px;border-radius:5px;background:#173b59e8;color:#fff;text-align:center;font-size:8px;font-weight:800;opacity:0;transition:opacity .18s}
.product-image-link:hover .image-open-hint,.product-image-link:focus-visible .image-open-hint{opacity:1}
.product-open-link{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);font-size:10px;font-weight:800;color:var(--green);text-decoration:none}
.product-open-link:hover{text-decoration:underline}
.product-detail-page{max-width:1100px;margin:26px auto 55px;padding:0 20px}
.product-view main>section:not(#productDetail){display:none!important}
.product-view #productDetail{display:block!important}
.product-detail-wrap{max-width:1050px;margin:auto}
.detail-back{display:inline-block;margin:0 0 18px;color:var(--green);font-size:12px;font-weight:800;text-decoration:none}
.detail-back:hover{text-decoration:underline}
.detail-hero{display:grid;grid-template-columns:190px minmax(0,1fr) 155px;gap:25px;align-items:center;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #293b2b0a}
.detail-product-image{height:220px;display:flex;align-items:center;justify-content:center;padding:12px;background:#faf9f5;border:1px solid #eeeae0;border-radius:12px}
.detail-product-image img{width:100%;height:100%;object-fit:contain}
.detail-product-image .pack-fallback{font-size:65px}
.detail-heading .eyebrow{margin:0 0 9px}
.detail-brand{margin:0 0 4px;color:var(--green);font:800 25px Manrope,sans-serif}
.detail-heading h1{margin:0 0 12px;font:700 18px/1.4 Manrope,sans-serif;color:#74776e}
.detail-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.detail-chip{padding:5px 9px;border-radius:20px;background:#edf2e9;color:#48674c;font-size:9px;font-weight:800}
.detail-price-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:14px}
.detail-price-line strong{font:800 24px Manrope;color:#183e2a}
.detail-price-line span{font-size:11px;color:var(--muted)}
.detail-score{text-align:center;padding:12px 7px;border-left:1px solid var(--line)}
.detail-score-circle{width:76px;height:76px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#e8f1e5;color:#28653a;font:800 28px Manrope}
.detail-score>b,.detail-score>span{display:block;font-size:10px;line-height:1.7}
.detail-score>span{color:var(--muted)}
.detail-section{margin-top:22px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px}
.detail-section-heading{margin-bottom:16px}
.detail-section-heading .eyebrow{margin:0 0 6px}
.detail-section-heading h2{margin:0 0 7px;font:800 20px Manrope;color:#294b35}
.detail-section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.detail-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.detail-data-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:#f7f8f3;border:1px solid #e9ece3;border-radius:9px}
.detail-data-row span{font-size:10px;color:#687064}
.detail-data-row b{font-size:11px;text-align:right;color:#263f2c}
.detail-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.detail-two-columns article{padding:16px;background:#f8f8f3;border:1px solid #e9ece3;border-radius:10px;min-width:0}
.detail-two-columns h3{margin:0 0 9px;font:800 13px Manrope;color:#294b35}
.detail-two-columns p{margin:0;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.detail-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.detail-meta-grid>div{padding:10px;border:1px solid #eee;border-radius:8px;min-width:0}
.detail-meta-grid span,.detail-meta-grid b{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.detail-meta-grid span{color:var(--muted);margin-bottom:4px}
.detail-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.detail-criteria>div{padding:12px;background:#f8f8f3;border:1px solid #e9ece3;border-radius:9px}
.detail-criteria span,.detail-criteria b{display:block;font-size:11px}
.detail-criteria b{margin:4px 0;color:#386b43}
.detail-criteria small{display:block;font-size:9px;line-height:1.5;color:var(--muted)}
.detail-source-links{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
.detail-source-links a{display:inline-block;padding:9px 12px;border-radius:8px;background:#edf3e9;color:#315f39;font-size:10px;font-weight:800;text-decoration:none}
.detail-muted{font-size:11px;color:var(--muted);line-height:1.6}
.detail-back-bottom{margin-top:22px}
@media(max-width:760px){.product-detail-page{padding:0 12px;margin-top:15px}.detail-hero{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:15px}.detail-product-image{height:145px}.detail-brand{font-size:19px}.detail-heading h1{font-size:14px}.detail-price-line strong{font-size:19px}.detail-score{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.detail-score-circle{width:48px;height:48px;margin:0;font-size:19px}.detail-score>b,.detail-score>span{font-size:9px}.detail-section{padding:16px;margin-top:14px}.detail-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-two-columns{grid-template-columns:1fr}.detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-criteria{grid-template-columns:1fr}}


/* Descriptif fabricant sur les fiches produits */
.detail-description{max-width:760px;margin:10px 0 14px;color:var(--muted,#64748b);font-size:.96rem;line-height:1.6}


/* Marque et nom du produit ouvrent la fiche complète */
.product-name-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.product-name-link:hover .product-brand,.product-name-link:focus-visible .product-brand,.product-name-link:hover h3,.product-name-link:focus-visible h3{text-decoration:underline;text-underline-offset:3px}.product-name-link:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}


/* Correctif final du logo : respecter le ratio natif du fichier 100 × 83 px */
.topbar .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 116px!important;width:116px!important;min-width:116px!important;height:100%!important;overflow:visible!important}
.topbar .brand img{display:block!important;width:100px!important;height:78px!important;max-width:100px!important;max-height:78px!important;object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;image-rendering:auto!important}
footer .brand img{display:block!important;width:100px!important;height:83px!important;max-width:100px!important;max-height:83px!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
@media(max-width:700px){.topbar .brand{flex-basis:88px!important;width:88px!important;min-width:88px!important}.topbar .brand img{width:78px!important;height:66px!important;max-width:78px!important;max-height:66px!important}}


/* Harmonisation chromatique des fiches détaillées avec l'accueil Croc'Ami */
.product-detail-page{color:#183653}
.detail-back{color:#1266ad}.detail-back:hover{color:#0d4e85}
.detail-hero,.detail-section{background:#fffdf8;border-color:#cbddec;box-shadow:0 9px 24px #174e7812}
.detail-product-image{background:#eaf3fc;border-color:#d5e6f4}
.detail-heading .eyebrow,.detail-section-heading .eyebrow{color:#1266ad}
.detail-brand{color:#1266ad}.detail-heading h1{color:#536d84}
.detail-chip{background:#e2effa;color:#125d9d;border:1px solid #cbddec}
.detail-price-line strong{color:#1266ad}
.detail-price-line span,.detail-score>span{color:#536d84}
.detail-score{border-left-color:#cbddec}
.detail-score-circle{background:#1266ad;color:#fff;box-shadow:inset 0 0 0 4px #ffffff30}
.detail-score>b{color:#183653}
.detail-section-heading h2,.detail-two-columns h3{color:#1266ad}
.detail-section-heading p:not(.eyebrow){color:#536d84}
.detail-data-row{background:#f2f7fc;border-color:#dce9f4}
.detail-data-row span{color:#536d84}.detail-data-row b{color:#183653}
.detail-two-columns article,.detail-criteria>div{background:#f2f7fc;border-color:#dce9f4}
.detail-two-columns p{color:#183653}
.detail-meta-grid>div{background:#fffaf1;border-color:#eadfcf}
.detail-meta-grid span{color:#68788a}.detail-meta-grid b{color:#183653}
.detail-criteria b{color:#1266ad}
.detail-criteria small,.detail-muted{color:#68788a}
.detail-source-links a{background:#e2effa;color:#1266ad;border:1px solid #cbddec}
.detail-source-links a:hover{background:#1266ad;color:#fff;border-color:#1266ad}
@media(max-width:760px){.detail-score{border-top-color:#cbddec}}
\n
/* Conseiller nutritionnel Crocami */
.advisor-section{padding:58px 0 34px;color:#183653}.advisor-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end;margin-bottom:24px}.advisor-heading h2{font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.12;margin:8px 0;color:#183653}.advisor-heading h2 em{color:#1266ad}.advisor-heading>p{color:#536d84;line-height:1.7;margin:0 0 5px}.advisor-panel{background:#fffdf8;border:1px solid #cbddec;border-radius:22px;padding:24px;box-shadow:0 12px 30px #174e7810}.advisor-animal-choice{display:flex;gap:10px;margin-bottom:22px}.advisor-animal{border:1px solid #cbddec;background:#f2f7fc;color:#183653;border-radius:12px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.advisor-animal.active{background:#1266ad;color:white;border-color:#1266ad}.advisor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.advisor-fields label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.9rem;color:#183653}.advisor-fields select,.advisor-fields input{width:100%;min-height:44px;border:1px solid #cbddec;border-radius:10px;padding:9px 12px;background:#fff;color:#183653;font:inherit}.advisor-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px}.advisor-actions p{max-width:600px;color:#68788a;font-size:.86rem;line-height:1.5;margin:0}.advisor-actions button{border:0;border-radius:12px;background:#f39a24;color:#183653;font:inherit;font-weight:800;padding:14px 20px;cursor:pointer}.advisor-actions button:hover{filter:brightness(.96)}.advisor-results{margin-top:28px}.advisor-results-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.advisor-results-heading h3{margin:4px 0;color:#183653}.advisor-results-heading>span{font-size:.85rem;color:#68788a}.advisor-result-card{display:grid;grid-template-columns:44px minmax(0,1fr) 92px;gap:16px;align-items:center;background:#fffdf8;border:1px solid #cbddec;border-radius:16px;padding:18px;margin-bottom:12px}.advisor-result-rank{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2effa;color:#1266ad;font-weight:800}.advisor-result-brand{margin:0 0 3px;color:#1266ad;font-size:.8rem;font-weight:800}.advisor-result-main h3{margin:0;color:#183653;font-size:1.08rem}.advisor-result-meta{margin-top:6px;color:#536d84;font-size:.86rem}.advisor-reasons,.advisor-cautions{margin:8px 0 0;font-size:.85rem;line-height:1.5}.advisor-reasons{color:#236747}.advisor-cautions{color:#9a5b16}.advisor-result-main>a{display:inline-block;margin-top:10px;color:#1266ad;font-weight:800;text-decoration:none}.advisor-match{text-align:center;border-left:1px solid #dce9f4;padding-left:12px}.advisor-match strong{display:block;color:#1266ad;font-size:1.8rem}.advisor-match span{font-size:.72rem;color:#536d84}.advisor-disclaimer,.advisor-empty{padding:14px 16px;background:#f2f7fc;border:1px solid #dce9f4;border-radius:12px;color:#536d84;font-size:.84rem;line-height:1.6}.advisor-empty p{margin-bottom:0}@media(max-width:760px){.advisor-heading{grid-template-columns:1fr;gap:10px}.advisor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-actions{align-items:stretch;flex-direction:column}.advisor-actions button{width:100%}.advisor-result-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px}.advisor-match{grid-column:2;border-left:0;border-top:1px solid #dce9f4;text-align:left;padding:8px 0 0;display:flex;align-items:center;gap:8px}.advisor-match strong{font-size:1.3rem}.advisor-results-heading{align-items:start;flex-direction:column}}@media(max-width:430px){.advisor-fields{grid-template-columns:1fr}.advisor-panel{padding:16px}}


/* Visuels des sacs dans les colonnes du comparateur */
.comparison-scroll th.compare-product-head{min-width:180px;vertical-align:top;text-align:center;padding:12px 10px 16px}
.compare-product-pack{height:132px;width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;background:#f2f7fc;border:1px solid #dce9f4;border-radius:12px;overflow:hidden}
.compare-product-pack img{display:block;width:100%;height:100%;max-width:150px;object-fit:contain;padding:7px}
.compare-product-pack .compare-pack-fallback{font-size:2.5rem}
.compare-product-head .compare-brand{display:inline-block;color:#1266ad;font-weight:800;margin-bottom:3px}
.compare-product-head .compare-recipe{display:inline-block;white-space:normal;line-height:1.4;color:#536d84;margin:4px 0 8px}
.compare-product-head button{display:block;margin:5px auto 0}
@media(max-width:700px){.comparison-scroll th.compare-product-head{min-width:150px}.compare-product-pack{height:112px}}


/* Harmonisation visuelle du conseiller nutritionnel */
.advisor-section{color:#183653}
.advisor-heading h2 em{color:#1266ad}
.advisor-panel,.advisor-result-card{background:#fffdf8;border-color:#cbddec;box-shadow:0 8px 24px rgba(24,54,83,.06)}
.advisor-animal{background:#f2f7fc;border-color:#cbddec;color:#183653}
.advisor-animal.active{background:#1266ad;border-color:#1266ad;color:#fff}
.advisor-fields label{color:#183653}
.advisor-fields select,.advisor-fields input{background:#fff;border-color:#cbddec;color:#183653}
.advisor-actions button{background:#f39a24;color:#183653}
.advisor-result-rank{background:#dcecf9;color:#1266ad}
.advisor-result-brand,.advisor-result-main>a,.advisor-match strong{color:#1266ad}
.advisor-reasons{color:#1266ad}
.advisor-cautions{color:#536d84}
.advisor-match{border-color:#dce9f4}
.advisor-disclaimer,.advisor-empty{background:#f2f7fc;border-color:#dce9f4;color:#536d84}


/* Contraste du libellé d'ouverture de fiche au survol du sac */
.product-card .product-image-link .image-open-hint{
  display:block!important;
  color:#fff!important;
  background:rgba(24,54,83,.94)!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-shadow:none!important;
  z-index:4!important;
  opacity:0;
  visibility:hidden;
  padding:7px 4px!important;
  border:1px solid rgba(255,255,255,.35);
}
.product-card .product-image-link:hover .image-open-hint,
.product-card .product-image-link:focus-visible .image-open-hint{
  opacity:1;
  visibility:visible;
}

/* Transparence éditoriale : éditeur, méthode, prix et affiliation */
.price-data-note{max-width:1100px;margin:12px auto 0;padding:11px 14px;border:1px solid #dce9f4;border-radius:10px;background:#f2f7fc;color:#536d84;font-size:12px;line-height:1.6}
.price-data-note a{color:#1266ad;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.transparency-section{padding:76px max(6vw,24px) 82px;background:#f2f7fc;color:#183653}
.transparency-heading{max-width:1100px;margin:0 auto 28px}
.transparency-heading h2{margin:0 0 12px;font:800 clamp(30px,4vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-1.6px;color:#183653}
.transparency-heading h2 em{color:#1266ad;font:italic 400 1em Georgia,serif}
.transparency-heading>p:last-child{max-width:720px;margin:0;color:#536d84;font-size:14px;line-height:1.7}
.transparency-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.transparency-card{min-width:0;padding:22px;background:#fffdf8;border:1px solid #cbddec;border-radius:15px;box-shadow:0 8px 24px rgba(24,54,83,.05)}
.transparency-icon{font-size:24px}
.transparency-card h3{margin:12px 0 9px;color:#1266ad;font:800 17px Manrope,sans-serif}
.transparency-card p{margin:0;color:#183653;font-size:13px;line-height:1.7}
.transparency-card .transparency-small{margin-top:10px;color:#536d84;font-size:12px}
.transparency-card a{color:#1266ad;text-decoration:underline;text-underline-offset:2px;font-weight:700;overflow-wrap:anywhere}
.transparency-disclaimer{max-width:1100px;margin:16px auto 0;padding:13px 15px;border-left:3px solid #f39a24;background:#fffaf1;color:#536d84;font-size:12px;line-height:1.65}
footer .footer-links{display:flex;flex-wrap:wrap;gap:14px}
footer .footer-links a{color:#536d84;font-size:11px;font-weight:700}
footer .footer-links a:hover{color:#1266ad;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.transparency-section{padding:52px 18px}.transparency-grid{grid-template-columns:1fr}.transparency-card{padding:18px}.price-data-note{margin:12px 0 0}footer{flex-wrap:wrap}footer .footer-links{order:4;width:100%;gap:12px 16px}}
/* Dated merchant offers and separately sourced retailer nutrition. */
.merchant-panels{display:grid;gap:20px}.merchant-panel{border:1px solid var(--border,#e1e7e0);border-radius:16px;padding:20px;min-width:0}.merchant-panel h3{margin:0 0 14px}.merchant-table-scroll{overflow-x:auto}.merchant-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.merchant-table th,.merchant-table td{padding:12px 10px;border-bottom:1px solid #e5eae3;vertical-align:top}.merchant-table thead th{font-size:.8rem;color:#5c6d60}.merchant-table tbody th{font-weight:600}.merchant-table td small{display:block;color:#647066;font-size:.74rem;margin-top:5px}.merchant-table a{font-weight:700;color:#285e3c}.retailer-nutrition summary{cursor:pointer;font-weight:700;font-size:1.1rem}.retailer-nutrition>.detail-data-grid{margin:20px 0}.retailer-differences{padding:14px;background:#fff4da;border-radius:12px;line-height:1.65}.retailer-copy{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.merchant-panel{padding:14px}.merchant-table th,.merchant-table td{padding:10px 6px;font-size:.8rem}.merchant-table{min-width:390px}}

/* Repères communs aux cartes et aux fiches détaillées. */
.detail-data-row.metric-good{background:#e8f4e9;border-color:#b9ddbf}
.detail-data-row.metric-good b{color:#24763b}
.detail-data-row.metric-near{background:#fff3df;border-color:#f0d29c}
.detail-data-row.metric-near b{color:#a96808}
.detail-data-row.metric-poor{background:#fbe9e7;border-color:#edb9b4}
.detail-data-row.metric-poor b{color:#b3261e}
.detail-data-row.metric-unknown{background:#f1f2ed;border-color:#e3e5dc}
.detail-data-row.metric-unknown b{color:#777d72}
.retailer-copy-details{margin:16px 0;padding:12px 14px;border:1px solid #e5eae3;border-radius:10px}.retailer-copy-details summary{font-size:.95rem;font-weight:600}.retailer-copy-details p{margin:12px 0 0}