/* BioSante Infecta-25 product page (v9) - scoped to .bs-inf. Hero art/product: assets/infecta/hero.webp + assets/product/infecta-25-front.webp (updated packaging) */
.bs-inf{--in:#0b4a86;--it:#3b5b7c;--ig:#16906c}.bs-inf .bs-w{width:min(1180px,calc(100% - 2*clamp(18px,4vw,64px)))}.bs-inf svg{width:1em;height:1em}
.bs-i-bar{display:block;width:34px;height:3px;background:var(--ig);margin-bottom:16px;border-radius:2px}
.bs-inf h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--in);margin:0 0 16px;line-height:1.15}
.bs-i-hero{position:relative;overflow:hidden;height:clamp(360px,28.8vw,470px);background:linear-gradient(90deg,#f6fbfd,#eef7fb)}
.bs-i-hero>.bs-w{position:relative;z-index:2;height:100%;display:flex;align-items:center}.bs-i-hin{max-width:min(470px,44vw);padding-left:clamp(0px,1.6vw,24px)}
.bs-i-eye{display:flex;align-items:center;gap:12px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0c7a5e;margin-bottom:6px}.bs-i-eye:before{content:"";width:34px;height:2px;background:#9fd6c6}
.bs-i-hin h1{font-size:clamp(2.2rem,4.2vw,3.7rem);font-weight:800;line-height:1.05;margin:0 0 4px;color:#0b6f9a}.bs-i-sub{font-size:clamp(.92rem,1.1vw,1.05rem);font-weight:600;color:#0d5fa5;margin:0 0 8px}.bs-i-p{font-size:clamp(.82rem,.98vw,.95rem);line-height:1.75;color:var(--it);margin:0}
.bs-i-bg{position:absolute;z-index:1;top:0;right:0;height:100%;aspect-ratio:465/261}
.bs-i-bg:before{content:"";position:absolute;inset:0;background:url(../assets/infecta/hero.webp) right center/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.bs-i-box{position:absolute;z-index:2;left:6%;top:50%;width:62%;height:auto;transform:translateY(-52%) rotate(-2deg);filter:drop-shadow(0 22px 22px rgba(11,60,110,.28));animation:ibf 6s ease-in-out infinite}
@keyframes ibf{50%{transform:translateY(-56%) rotate(-2deg)}}
.bs-i-shadow{position:absolute;z-index:1;left:12%;width:50%;bottom:6%;height:5%;background:radial-gradient(closest-side,rgba(11,60,110,.28),transparent);filter:blur(4px)}
.bs-i-tag{position:absolute;z-index:3;left:69%;top:35%;margin:0;font-size:clamp(.78rem,1.05vw,1rem);font-weight:500;line-height:1.4;color:var(--in)}.bs-i-tag:after{content:"";display:block;width:36px;height:3px;background:var(--ig);margin-top:12px;border-radius:2px}
.bs-i-sec{padding:clamp(40px,5vw,70px) 0}
.bs-i-chars{list-style:none;padding:0;margin:clamp(20px,2.6vw,32px) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}
.bs-i-chars li{display:flex;flex-direction:column;gap:clamp(16px,2vw,28px);padding:clamp(16px,1.8vw,24px);background:#f1f8fd;border:1px solid #e0edf7;border-radius:10px;min-height:clamp(110px,10vw,150px);transition:transform .3s,box-shadow .3s}.bs-i-chars li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,74,134,.1)}
.bs-i-chars i{display:grid;place-items:center;width:clamp(44px,3.8vw,54px);height:clamp(44px,3.8vw,54px);border-radius:50%;background:#dcf2ea;color:#0f7f66;font-size:clamp(1.3rem,1.9vw,1.7rem)}.bs-i-chars span{font-size:clamp(.82rem,.95vw,.92rem);line-height:1.5;color:var(--it)}
.bs-i-form{position:relative;overflow:hidden;border-block:1px solid #e3edf4;background:linear-gradient(90deg,#f6fbfd,#e9f4f8);min-height:clamp(220px,19vw,280px);display:flex;align-items:center}
.bs-i-form:before,.bs-i-form:after{content:"";position:absolute;top:0;bottom:0;background-repeat:no-repeat;pointer-events:none}.bs-i-form:before{right:0;width:50%;background-image:url(../assets/infecta/formulation.webp);background-position:right center;background-size:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.bs-i-form:after{left:0;width:8%;background-image:url(../assets/infecta/formulation-l.webp);background-position:left top;background-size:cover;opacity:.8;-webkit-mask-image:linear-gradient(270deg,transparent,#000 60%);mask-image:linear-gradient(270deg,transparent,#000 60%)}
.bs-i-form .bs-w{position:relative;z-index:1}.bs-i-fin{max-width:min(520px,48vw);padding:clamp(28px,3.4vw,44px) 0}.bs-i-fin p{margin:0;font-size:clamp(.88rem,1.05vw,1rem);line-height:1.8;color:var(--it)}.bs-i-fin strong{color:var(--in);font-weight:600}
.bs-i-lead{max-width:62ch;font-size:clamp(.9rem,1.05vw,1rem);line-height:1.75;color:var(--it);margin:0}
.bs-i-cg{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(22px,3vw,36px)}
.bs-i-cat{position:relative;overflow:hidden;background:#f7fbfe;border:1px solid #d9e8f3;border-radius:10px;box-shadow:0 8px 24px rgba(11,74,134,.07);padding-bottom:clamp(16px,1.8vw,22px);transition:transform .3s,box-shadow .3s}.bs-i-cat:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(11,74,134,.14)}
.bs-i-cat>img{display:block;width:100%;aspect-ratio:182/84;object-fit:cover}
.bs-i-cat i{position:relative;display:grid;place-items:center;width:46px;height:46px;margin:-23px 0 0 clamp(12px,1.4vw,18px);border-radius:50%;background:#e3f5ee;border:3px solid #fff;color:#0f7f66;font-size:1.35rem;box-shadow:0 4px 12px rgba(11,74,134,.15)}
.bs-i-cat h3{font-size:clamp(.88rem,1vw,.98rem);font-weight:700;line-height:1.35;color:var(--in);margin:12px clamp(12px,1.4vw,18px) 6px}.bs-i-cat p{font-size:clamp(.78rem,.88vw,.85rem);line-height:1.65;color:var(--it);margin:0 clamp(12px,1.4vw,18px)}
@media(max-width:1000px){.bs-i-hero{height:auto;display:block}.bs-i-hero>.bs-w{height:auto;display:block}.bs-i-hin{max-width:none;padding:34px 0 14px}.bs-i-bg{position:relative;width:100%;height:auto;max-width:640px;margin:0 auto}.bs-i-chars,.bs-i-cg{grid-template-columns:1fr 1fr}.bs-i-fin{max-width:none}.bs-i-form:before{width:100%;opacity:.28;-webkit-mask-image:none;mask-image:none}}
@media(max-width:560px){.bs-i-chars,.bs-i-cg{grid-template-columns:1fr}.bs-i-tag{left:auto;right:4%;top:6%;text-align:right}.bs-i-tag:after{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.bs-i-box{animation:none}.bs-i-chars li,.bs-i-cat{transition:none}}
.bs-i-box{width:58%;transform:translateY(-50%) rotate(-2deg)}@keyframes ibf{50%{transform:translateY(-54%) rotate(-2deg)}}
.bs-i-fin{max-width:min(580px,54vw)}.bs-i-fin h2{white-space:nowrap}
@media(max-width:1000px){.bs-i-fin h2{white-space:normal}}
@media(max-width:1000px){.bs-i-bg:before{-webkit-mask-image:none;mask-image:none}.bs-i-box{left:50%;width:56%;transform:translate(-50%,-50%) rotate(-2deg);animation-name:ibf2}.bs-i-shadow{left:24%;width:52%}.bs-i-tag{left:auto;right:4%;top:auto;bottom:10%;text-align:right}.bs-i-tag:after{margin-left:auto}}
@keyframes ibf2{50%{transform:translate(-50%,-54%) rotate(-2deg)}}
@media(max-width:560px){.bs-i-box{width:62%}.bs-i-tag{font-size:.74rem}}
@media(max-width:1000px){.bs-i-bg{margin-bottom:58px}.bs-i-tag{left:0;right:0;top:auto;bottom:-50px;text-align:center;font-size:.85rem}.bs-i-tag:after{margin:10px auto 0}}