/* MAZAT V9.1 – shared visual language and production fixes */
:root{--mazat-teal:#02b0a8;--mazat-heading:#071f31;--mazat-body:#425568;--mazat-card-radius:18px;--mazat-control-radius:9px;--mazat-shadow:0 12px 28px rgba(7,31,49,.06)}
body{color:var(--mazat-body)}
body p{font-size:16px;line-height:1.7;color:inherit}
h1,h2,h3,h4,h5,h6{color:var(--mazat-heading);text-transform:none}
/* The logo source has a wide SVG viewBox; increase its actual display width */
.navbar .navbar-brand img{display:block!important;width:clamp(155px,11vw,210px)!important;max-width:none!important;height:auto!important;max-height:68px!important;margin:0!important;object-fit:contain!important}
.landing-page-navbar .landing-page-navbar-brand img{display:block!important;width:clamp(164px,12vw,220px)!important;max-width:none!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
@media(max-width:991.98px){.navbar .navbar-brand img{width:160px!important;max-height:58px!important}.landing-page-navbar .landing-page-navbar-brand img{width:170px!important;max-height:54px!important}}
@media(max-width:575.98px){.navbar .navbar-brand img{width:130px!important;max-height:48px!important}.landing-page-navbar .landing-page-navbar-brand img{width:138px!important;max-height:45px!important}}
/* Reduce heavy entrance animations and never delay content far from viewport. */
.wow,.animated{animation-duration:.45s!important;animation-delay:0s!important}
/* Scoped consistent card geometry */
.protection-card,.audience-card,.mazat-proof-card,.mazat-process-card,.mazat-faq-item,.before-after-card,.customer-page .logo-item{border-radius:var(--mazat-card-radius)!important}
/* Cropping belongs to the OUTER card only, not its child image's meeting edge */
.protection-card{overflow:hidden!important}
.protection-card .protection-image,.protection-card .protection-image img{border-radius:0!important;overflow:hidden!important}
.protection-card .protection-image{min-width:0;align-self:stretch}
.protection-card .protection-image img{width:100%;height:100%;object-fit:cover}
.protection-card .protection-content{min-width:0}
/* Real 2-panel comparison: square internal seam, curved exterior container only */
.before-after-card{overflow:hidden!important}
.before-after-card .before-after-images{overflow:hidden;border-radius:var(--mazat-card-radius) var(--mazat-card-radius) 0 0!important}
.before-after-card .before-after-frame,.before-after-card .before-after-frame img{border-radius:0!important;overflow:hidden!important}
.before-after-card .before-after-frame img{display:block;width:100%;height:100%;object-fit:cover}
.before-after-card .before-after-frame{min-width:0}
/* Exterior single image keeps curved corners */
.mazat-about-split-left,.mazat-about-split-image,.protection-gallery-main,.protection-gallery-card{border-radius:var(--mazat-card-radius)!important;overflow:hidden!important}
/* Consistent trust icons (no platform-dependent flag emoji rendering) */
.hero-feature-item .hero-pill-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.hero-feature-item .hero-pill-emoji img{display:block!important;width:26px!important;height:19px!important;max-width:26px!important;object-fit:contain!important;border-radius:2px!important}
.hero-feature-item .hero-pill-emoji i{font-size:19px;line-height:1;color:#087d70}
/* Responsive compound cards */
@media(max-width:767.98px){
 .protection-card{grid-template-columns:42% minmax(0,1fr)!important;border-radius:var(--mazat-card-radius)!important}
 .protection-card .protection-image{height:100%!important;min-height:185px!important}
 .protection-card .protection-image img{height:100%!important}
 .before-after-frame{min-height:180px!important}
}
@media(max-width:410px){.protection-card{grid-template-columns:1fr!important}.protection-card .protection-image{height:195px!important;min-height:195px!important}}
@media(prefers-reduced-motion:reduce){.wow,.animated{animation:none!important;transition:none!important}}

/* V9.2: slightly more compact homepage header logo */
.navbar .navbar-brand img{width:clamp(145px,9.7vw,185px)!important;max-height:61px!important}
@media(max-width:991.98px){.navbar .navbar-brand img{width:146px!important;max-height:52px!important}}
@media(max-width:575.98px){.navbar .navbar-brand img{width:120px!important;max-height:44px!important}}

/* V9.3: subtle logo size reduction for cleaner header balance */
.navbar .navbar-brand img{width:clamp(138px,9.1vw,176px)!important;max-height:58px!important}
.landing-page-navbar .landing-page-navbar-brand img{width:clamp(150px,10.4vw,192px)!important;max-height:54px!important}
@media(max-width:991.98px){.navbar .navbar-brand img{width:142px!important;max-height:50px!important}.landing-page-navbar .landing-page-navbar-brand img{width:156px!important;max-height:50px!important}}
@media(max-width:575.98px){.navbar .navbar-brand img{width:116px!important;max-height:42px!important}.landing-page-navbar .landing-page-navbar-brand img{width:132px!important;max-height:43px!important}}

/* V9.6: equal-size Before & After cards, without rounding interior seams */
#before-after .before-after-grid{align-items:stretch!important;}
#before-after .before-after-card{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
#before-after .before-after-images{height:236px!important;min-height:236px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important;}
#before-after .before-after-frame{position:relative!important;height:236px!important;min-height:0!important;overflow:hidden!important;border-radius:0!important;}
#before-after .before-after-frame img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;}
#before-after .before-after-card-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;}
@media(max-width:767.98px){#before-after .before-after-images{height:210px!important;min-height:210px!important;}#before-after .before-after-frame{height:210px!important;}}
@media(max-width:390px){#before-after .before-after-images{height:180px!important;min-height:180px!important;}#before-after .before-after-frame{height:180px!important;}}