/* Product photography: transparent cutouts, a fine light edge on dark green. */
.eco-product-cutout{display:block;object-fit:contain;filter:drop-shadow(1px 0 0 #fffffff0) drop-shadow(-1px 0 0 #fffffff0) drop-shadow(0 1px 0 #fffffff0) drop-shadow(0 -1px 0 #fffffff0) drop-shadow(0 14px 16px #0003)}
.eco-hero.eco-intro-compact{padding:48px 0!important}
.eco-intro-content{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.eco-hero-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;margin:0;padding:20px 0 12px;min-width:0}
.eco-hero-product{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:end;text-align:center;color:#fff;text-decoration:none;border-radius:8px}
.eco-hero-product img{width:100%;height:340px;object-position:center bottom;margin-bottom:22px}
.eco-hero-product:first-child img{height:255px}
.eco-hero-product:nth-child(2) img{height:305px}
.eco-hero-product strong{font-size:1.125rem;line-height:1.3}
.eco-hero-product span{font-size:.875rem;color:#d7e8df;line-height:1.5;margin-top:5px}
.eco-hero-product:focus-visible{outline:3px solid #d9ec8e;outline-offset:6px}
.eco-hero-product:hover strong{text-decoration:underline;text-underline-offset:5px}
.eco-home-product.eco-product-stage{padding:12px 20px 24px;background:radial-gradient(ellipse at 50% 58%,#3d705b55,transparent 68%);border:0;border-radius:0;color:white;align-self:center;min-width:0}
.eco-product-stage img{height:560px;max-height:none;width:100%;object-fit:contain;margin:0 auto}
.eco-product-stage figcaption{margin-top:22px;color:#e2ece7;font-size:1rem}
.eco-product-stage.eco-canister-stage img{height:470px}
.eco-range-card .range-image.eco-cutout-stage{background:radial-gradient(ellipse at 50% 55%,#285642,#092f24);min-height:400px;padding:24px 20px}
.eco-cutout-stage img{height:355px;width:100%;object-fit:contain}
.eco-guide-product img.eco-product-cutout{height:340px;object-fit:contain}
.eco-guide-hero figure:has(.eco-product-cutout){background:radial-gradient(ellipse at center,#285642,#092f24);color:white;border:0;padding:28px}
.eco-guide-hero figure img.eco-product-cutout{max-height:none;height:460px}
.eco-guide-hero figure:has(.eco-product-cutout) a{color:#fff}
.three-ranges .home-range-photo.eco-home-range-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;background:radial-gradient(ellipse at center,#285642,#092f24);padding:20px 16px}
.three-ranges .eco-home-range-lineup img{height:100%;min-height:0;width:100%;object-fit:contain;object-position:center bottom}
.three-ranges .eco-home-range-lineup img:first-child{height:75%}
.three-ranges .eco-home-range-lineup img:nth-child(2){height:88%}
.eco-bidon-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.eco-bidon-facts>div{padding:22px;background:var(--pale);border-radius:12px}
.eco-bidon-facts dt{color:var(--muted);font-size:.875rem;margin-bottom:8px}.eco-bidon-facts dd{margin:0;font-size:1.1rem;font-weight:600}
.eco-bidon-copy{max-width:780px}.eco-bidon-copy p{line-height:1.7}
.eco-bidon-faq{max-width:860px}.eco-bidon-faq details{border-bottom:1px solid var(--line);padding:20px 0}.eco-bidon-faq summary{cursor:pointer;font-weight:600;font-size:1.125rem;line-height:1.5}.eco-bidon-faq details p{margin:16px 0 0}
@media(min-width:1400px){.eco-hero-product img{height:390px}.eco-hero-product:first-child img{height:290px}.eco-hero-product:nth-child(2) img{height:345px}}
@media(max-width:1000px){.eco-intro-content{grid-template-columns:1fr;gap:20px}.eco-hero-lineup{width:min(700px,100%);justify-self:center}.eco-product-stage img{height:480px}}
@media(max-width:760px){.eco-hero.eco-intro-compact{padding:32px 0!important}.eco-hero-lineup{gap:14px;padding-top:8px}.eco-hero-product img{height:250px}.eco-hero-product:first-child img{height:190px}.eco-hero-product:nth-child(2) img{height:225px}.eco-hero-product strong{font-size:1rem}.eco-home-product.eco-product-stage{width:100%;padding:8px 14px 18px}.eco-product-stage img{height:440px;max-height:none}.eco-product-stage.eco-canister-stage img{height:355px}.eco-bidon-facts{grid-template-columns:1fr;gap:12px}.eco-bidon-facts>div{padding:18px}.eco-cutout-stage img{height:355px}}
@media(max-width:400px){.eco-hero-lineup{gap:10px}.eco-hero-product img{height:215px}.eco-hero-product:first-child img{height:165px}.eco-hero-product:nth-child(2) img{height:195px}.eco-hero-product span{font-size:.8rem}.eco-product-stage img{height:395px}}