/* Bounded brand changes on the approved previous layout. */
.reference-match .store-hero:after{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#103b4bea 0%,#123a49ca 36%,#123a4952 73%,#123a4925 100%)}
.reference-match .store-hero[data-slide="1"]:after{background:linear-gradient(90deg,#123744ed 0%,#123744c9 40%,#12374442 100%)}
.reference-match .store-hero[data-slide="2"]:after{display:none}
.reference-match .corporate-hero-image{object-position:center 43%}
.reference-match .match-wave{display:none}
.reference-match .store-slide .hero-cta .button{border-radius:4px}
.reference-match .store-slide .hero-cta .primary{background:#fff;color:#2e697d}
.reference-match .service-routes{background:#fff;border-bottom:1px solid #e1e9eb}
.reference-match .match-hours{background:#315e70;border-radius:4px}
.reference-match .service-routes .service-information,.reference-match .service-routes .service-information:first-child,.reference-match .service-routes .service-information:last-child{border-radius:4px}
.reference-match .documentation{background:#f1f5f5}
.reference-match .documentation-top img{object-fit:cover;object-position:62% center;border-radius:4px}
.reference-match .match-about-image img{object-position:center;height:530px;border-radius:4px}
.reference-match .featured-product>span:first-of-type{text-align:left;padding:15px 3px 0}
.reference-match .featured-product .featured-art{border-radius:4px;overflow:hidden}
.reference-match .featured-action{border-radius:4px}
.reference-match .footer{background:#1c4252}
.reference-match .whatsapp-floating{border-radius:7px;box-shadow:0 3px 14px #133a3625}
.reference-match .match-catalog-banner{background:#244e60 url('assets/metaniva/sample-handling-v3.jpg') center 43%/cover no-repeat}
.reference-match .match-catalog-banner:before{background:#123d50a8}
@media(max-width:960px){.reference-match .match-about-image img{height:360px}}
@media(max-width:768px){
 .reference-match .corporate-hero-image{object-position:61% center}
 .reference-match .store-hero:after{background:linear-gradient(90deg,#103b4be8 0%,#123a49bc 58%,#123a4977 100%)}
 .reference-match .store-hero[data-slide="1"]:after{background:#123744bb}
 .reference-match .match-about-image img{height:300px}
 .reference-match .featured-product>span:first-of-type{text-align:center;padding-top:14px}
}
/* A stable, spacious image composition for all three slides. */
.reference-match .store-hero{background:#1c3544}
.reference-match .hero-slide-image{opacity:0;transition:opacity .65s ease;object-position:center 45%;z-index:-2;pointer-events:none}
.reference-match .hero-slide-image.is-active{opacity:1}
.reference-match .store-hero:after,.reference-match .store-hero[data-slide="1"]:after,.reference-match .store-hero[data-slide="2"]:after{display:block;background:linear-gradient(90deg,#172f40eb 0%,#172f40c9 34%,#172f4066 60%,#172f4024 100%)}
.reference-match .store-slide{max-width:550px;transform:translateY(-8px)}
.reference-match .store-slide h1,.reference-match .store-slide h2{font-size:66px;line-height:1.1;letter-spacing:-.012em;font-weight:300;max-width:550px}
.reference-match .store-slide .intro{max-width:465px;font-size:14px;line-height:1.85;margin-top:26px}
.reference-match .store-slide .hero-cta{margin-top:30px}
.reference-match .store-slider-controls{inset:0;transform:none;width:100%;height:100%;padding:0;display:block}
.reference-match .store-slider-controls .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);left:7px;width:24px;height:40px;opacity:.5}
.reference-match .store-slider-controls .slider-arrow[data-slide-step="1"]{left:auto;right:7px}
.reference-match .store-slider-controls [role=tablist]{top:auto;bottom:31px;left:50%;transform:translateX(-50%);gap:11px}
.reference-match .store-slider-controls [role=tab]{width:10px;height:10px;min-height:10px}
.reference-match .slider-playback{position:absolute;bottom:22px;left:calc(50% + 48px);width:29px;height:29px;pointer-events:auto;display:grid;place-items:center;border:1px solid #ffffff5c;border-radius:3px;color:#fff;background:#17374740;font-size:12px;padding:0}
.reference-match .slider-playback:hover{background:#17374780}
.reference-match .hero-image-caption{bottom:27px;right:26px;font-size:8px}
@media(max-width:1100px){.reference-match .store-slide{max-width:490px}.reference-match .store-slide h1,.reference-match .store-slide h2{font-size:58px}}
@media(max-width:768px){
 .reference-match .store-slide{max-width:100%;transform:none}
 .reference-match .store-slide h1,.reference-match .store-slide h2{font-size:39px;line-height:1.17;max-width:370px}
 .reference-match .store-slide .intro{font-size:14px;line-height:1.85;margin-top:24px}
 .reference-match .hero-slide-image{object-position:62% center}
 .reference-match .store-hero:after,.reference-match .store-hero[data-slide="1"]:after,.reference-match .store-hero[data-slide="2"]:after{background:linear-gradient(90deg,#172f40dc 0%,#172f40ad 60%,#172f4075 100%)}
 .reference-match .store-slider-controls .slider-arrow{display:none}
 .reference-match .store-slider-controls [role=tablist]{bottom:50px}
 .reference-match .slider-playback{bottom:41px}
 .reference-match .hero-image-caption{bottom:18px;right:20px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.reference-match .hero-slide-image{transition:none}}
/* Each slide illustrates its actual topic; the established page layout remains. */
.reference-match .hero-product-scene{background:#bfc2c7;overflow:hidden}
.reference-match .hero-product-bottles{position:absolute;right:0;top:135px;width:56%;max-width:710px;height:620px;display:flex;align-items:center;justify-content:center}
.reference-match .hero-product-vial{display:block;width:50%;height:auto;flex-shrink:0;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.reference-match .hero-product-vial .bottle-art{width:1000px;height:1000px;max-width:none}
.reference-match .store-hero[data-slide="0"]:after{background:linear-gradient(180deg,#142d4060,transparent 150px),linear-gradient(90deg,#142d40f8 0%,#142d40ed 34%,#142d406d 59%,#142d4025 100%)}
.reference-match .hero-slide-image[data-hero-image="1"]{object-position:center 53%}
.reference-match .hero-slide-image[data-hero-image="2"]{object-position:65% center}
.reference-match .hero-document-types{font-size:13px;letter-spacing:.08em;line-height:1.8;color:#dce9ed;margin:21px 0 0;font-weight:400}
.reference-match .hero-document-types span{opacity:.4;margin-inline:9px}
.reference-match .hero-image-caption{max-width:500px;line-height:1.7;text-align:right}
.reference-match .footer{width:100%;max-width:none;margin:0;padding:48px 0 0;background:#1c4252}
.reference-match .footer-inner{background:none}
.reference-match .footer-top{grid-template-columns:1.2fr .85fr 1fr;gap:80px;padding-bottom:10px}
.reference-match .footer-bottom{text-align:left;margin-top:35px;border-top:1px solid #ffffff26;padding-block:19px 23px;font-size:11px;letter-spacing:.015em}
@media(max-width:1100px){.reference-match .hero-product-bottles{width:54%;top:130px;height:560px}.reference-match .footer-top{gap:45px}}
@media(max-width:960px){.reference-match .footer-top{grid-template-columns:1fr 1fr;gap:35px}.reference-match .match-footer-contact{grid-column:1/-1}}
@media(max-width:768px){
 .reference-match .store-hero[data-slide="0"] .supplier-hero-inner{align-items:flex-start;padding-top:120px}
 .reference-match .store-hero[data-slide="0"] .store-slide h1{font-size:36px;max-width:360px}
 .reference-match .store-hero[data-slide="0"] .store-slide .intro{font-size:13px;line-height:1.8;margin-top:20px}
 .reference-match .store-hero[data-slide="0"] .store-slide .hero-cta{margin-top:23px}
 .reference-match .hero-product-bottles{top:auto;bottom:22px;width:100%;max-width:410px;height:330px;right:50%;transform:translateX(50%);align-items:flex-end}
 .reference-match .hero-product-vial{width:50%}
 .reference-match .store-hero[data-slide="0"]:after{background:linear-gradient(180deg,#142d40f4 0%,#142d40ed 42%,#142d40b0 62%,#142d4040 100%)}
 .reference-match .hero-slide-image[data-hero-image="1"]{object-position:62% center}
 .reference-match .hero-slide-image[data-hero-image="2"]{object-position:62% center}
 .reference-match .hero-document-types{font-size:11px;margin-top:20px}
 .reference-match .hero-image-caption{font-size:8px;max-width:calc(100% - 40px)}
 .reference-match .footer{padding:38px 0 80px}
 .reference-match .footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:0}
 .reference-match .match-footer-contact{grid-column:auto}
 .reference-match .footer-bottom{margin-top:28px;padding:18px 0 0;text-align:left}
}
