/* Dedicated trust strip, identical on the three Commercial Solutions review pages. */
.marine .mf-trust-strip{background:#161619;border-top:3px solid #cf2027;border-bottom:0;color:#fff}
.marine .mf-trust-strip .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:24px;font-size:1rem}
.marine .mf-trust-strip a.mf-trust-item{display:flex;align-items:center;gap:16px;padding:8px 24px;color:#fff!important;text-decoration:none!important;min-height:72px;border-right:1px solid #414146}
.marine .mf-trust-strip a.mf-trust-item:first-child{padding-left:0}
.marine .mf-trust-strip a.mf-trust-item:last-child{padding-right:0;border-right:0}
.mf-trust-strip .mf-trust-icon{display:flex;flex:0 0 36px;color:#ef343d}
.mf-trust-strip .mf-trust-icon svg{display:block;width:36px;height:36px}
.mf-trust-strip .mf-trust-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.mf-trust-strip .mf-trust-copy strong{color:#fff;font-size:1.08rem;font-weight:700;line-height:1.25}
.mf-trust-strip .mf-trust-copy>span{color:#cfcfd4;font-size:.9rem;font-weight:400;line-height:1.4}
.marine .mf-trust-strip a.mf-trust-item:hover .mf-trust-copy strong{color:#fff;text-decoration:underline;text-decoration-color:#ef343d;text-underline-offset:5px}
.marine .mf-trust-strip a.mf-trust-item:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:3px}
@media(max-width:900px){.marine .mf-trust-strip a.mf-trust-item{padding-inline:16px;gap:12px}.mf-trust-strip .mf-trust-icon{flex-basis:30px}.mf-trust-strip .mf-trust-icon svg{width:30px;height:30px}.mf-trust-strip .mf-trust-copy strong{font-size:1rem}}
@media(max-width:650px){.marine .mf-trust-strip .wrap{grid-template-columns:1fr;padding-block:12px}.marine .mf-trust-strip a.mf-trust-item,.marine .mf-trust-strip a.mf-trust-item:first-child,.marine .mf-trust-strip a.mf-trust-item:last-child{padding:16px 4px;border-right:0;border-bottom:1px solid #414146;min-height:0;gap:16px}.marine .mf-trust-strip a.mf-trust-item:last-child{border-bottom:0}.mf-trust-strip .mf-trust-copy strong{font-size:1.08rem}}

/* Isolated customer-facing presentation for About XPEL Marine V2. */
.marine .hero .breadcrumbs{border:0;padding:0;margin:0 0 30px;color:#fff;font-size:.9rem;line-height:1.6;max-width:none}
.marine .hero .breadcrumbs a{color:#fff;text-decoration:underline;text-decoration-color:#d4d4d8;text-underline-offset:4px}
.marine .hero .breadcrumbs a:hover{color:#fff;text-decoration-color:#ef343d}
.marine .hero .wrap{padding-block:0}
.marine .mf-trust-strip .wrap{max-width:1200px}
.marine .toc{padding-block:26px}
/* Full-width landscape images fade into separate black text panels. */
.marine #choices .cards.two{gap:24px;align-items:stretch}
.marine #choices .marine-product-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#101014;color:#fff;box-shadow:none}
.marine #choices .marine-product-photo{position:relative;display:block;flex:none;width:100%;height:auto;aspect-ratio:1672/941;max-width:none;margin:0;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent 100%)}
.marine #choices .marine-product-content{display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;min-height:0;padding:4px 28px 28px;background:#101014}
.marine #choices .marine-product-card .marine-product-eyebrow{margin:0 0 12px;color:#ff8995!important;font-size:.78rem;font-weight:700;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}
.marine #choices .marine-product-card h3,.marine #choices .marine-product-card:hover h3{min-height:2.4em;margin:0 0 14px;color:#fff!important;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.2;text-transform:uppercase;text-wrap:balance}
.marine #choices .marine-product-card p,.marine #choices .marine-product-card:hover p{color:#e6e6e9;font-size:1rem;line-height:1.6;margin:0 0 14px}
.marine #choices .marine-product-card .buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;margin-bottom:0;padding-top:16px}
.marine #choices .marine-product-card .buttons a{color:#ff8995!important;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.marine #choices .marine-product-card .buttons a:hover{color:#fff!important}
.marine #choices .marine-product-card .buttons button{font-size:1rem;white-space:normal;max-width:100%;background:#c8102d;color:#fff;border-color:#c8102d}
.marine #choices .marine-product-card .buttons button:hover,.marine #choices .marine-product-card .buttons button[aria-pressed=true]{background:#a50d25;color:#fff;border-color:#a50d25}
.marine #choices .marine-product-card :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:4px}
.marine #choices .marine-product-card .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.marine #choices .marine-product-content{padding:4px 22px 24px}.marine #choices .marine-product-card .buttons{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.marine #choices .cards.two{grid-template-columns:1fr}.marine #choices .marine-product-card h3{min-height:0}.marine #choices .marine-product-card .buttons{align-items:center;flex-direction:row;flex-wrap:wrap}}

.marine #combinations .cards+p,.marine #ownership .cards+p{margin-top:30px;padding-block:12px;line-height:1.8}
.marine #materials .cards{margin-bottom:28px}
.marine #materials .wrap>details{padding:24px 0}
.marine #materials .wrap>details>div{padding:18px 0 10px}
.marine #materials .wrap>details>div p:last-child{margin-bottom:0}
.marine #combinations .card h3,.marine #materials .card h3,.marine #ownership .card h3{min-height:2.25em}
.marine #process .process+p{padding-top:20px}
.marine .inline-links{row-gap:18px;padding-top:14px}
@media(max-width:600px){.marine .hero{padding-block:36px 48px;min-height:0}.marine .hero .breadcrumbs{font-size:.82rem;margin-bottom:24px}.marine #choices .card h3,.marine #combinations .card h3,.marine #materials .card h3,.marine #ownership .card h3{min-height:0}.marine #combinations .cards+p,.marine #ownership .cards+p{margin-top:22px}.marine .toc{gap:14px 20px}}
/* About Marine only: image-based area choices and the accepted two-step contact layout. */
.marine #planner .mi-planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:30px}
.marine #planner .mi-planner-main,.marine #planner .mi-area-options{min-width:0}
.marine #planner .mi-boat-preview{position:relative;isolation:isolate;background:#ededeb;overflow:hidden}
.marine #planner .mi-boat-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0}
.marine #planner button.mi-area-marker{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:2px solid #fff;background:#161619;color:#fff;font-size:1rem;line-height:1;font-weight:800;box-shadow:0 1px 8px #0009;cursor:pointer}
.marine #planner button.mi-area-marker:before{content:"";position:absolute;inset:-5px}
.marine #planner button.mi-area-marker:hover,.marine #planner button.mi-area-marker[aria-pressed=true]{background:#c8102d;color:#fff;border-color:#fff;box-shadow:0 0 0 4px #c8102d55,0 1px 8px #0008}
.marine #planner button.mi-area-marker:focus-visible{outline:3px solid #fff;outline-offset:4px}
.marine #planner .mi-area-options{padding:24px;background:#fff;border:1px solid #dedee2;border-top:4px solid #c8102d}
.marine #planner .mi-area-options h3{font-size:1.35rem;line-height:1.3;margin:0 0 20px}
.marine #planner .mi-primary-areas{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 22px}
.marine #planner .mi-primary-areas button{display:flex;justify-content:flex-start;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;min-height:60px;line-height:1.35;white-space:normal;font-size:.96rem}
.marine #planner .mi-primary-areas button[aria-pressed=true]{background:#161619;color:#fff;border-color:#c8102d}
.marine #planner .mi-area-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-weight:800}
.marine #planner .mi-area-status{font-size:.95rem;line-height:1.55;margin-bottom:20px}
.marine #planner .mi-area-options>.button{width:100%;text-align:center;font-size:1rem}
.marine #planner .mi-other-areas{padding:28px;background:#fff;border:1px solid #dedee2;border-top:0}
.marine #planner .mi-other-areas h3{font-size:1.4rem;margin-bottom:12px}
.marine #planner .mi-other-areas .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.marine #planner .mi-other-areas .choices button{font-size:.95rem;white-space:normal;padding:12px;min-width:0;line-height:1.4}
.marine #planner .field{margin-top:24px}
.marine #planner .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.marine #quote .wrap>p{max-width:85ch}
.marine #quote .form-shell{margin-top:28px;padding:32px;background:#fff;border:1px solid #dedee2;border-top:4px solid #c8102d}
.marine #quote .mi-step{font-weight:700;color:#c8102d;font-size:1.06rem;margin-bottom:24px}
.marine #quote .mi-request-areas{padding:20px;background:#f5f5f5;border-left:3px solid #c8102d;margin:0 0 26px}
.marine #quote .mi-request-areas h3{font-size:1.15rem;margin-bottom:10px}
.marine #quote .mi-request-areas p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px}
.marine #quote #mi-form>details{margin-block:20px}
.marine #quote #mi-form>details>.form-grid{padding-top:22px}
.marine #quote #mi-contact{padding-top:8px}
.marine #quote #mi-contact h3{margin:0 0 20px}
.marine #quote #mi-contact>#mi-edit{margin-bottom:24px}
.marine #quote #mi-prepared{margin-top:24px;padding:20px;background:#f5f5f5;border:1px solid #dedee2}
.marine #quote #mi-prepared>summary{font-size:1rem;padding:0}
.marine #quote #mi-prepared[open]>summary{margin-bottom:24px}
.marine #quote .mi-direct-help{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:26px 0 18px}
.marine #quote .mi-direct-help button{background:transparent;border:2px solid #c8102d;color:#a50d25}
.marine #quote .mi-direct-help button:hover{background:#c8102d;color:#fff}
.marine #quote .permission span{font-size:1rem;line-height:1.6}
@media(max-width:900px){.marine #planner .mi-planner-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.marine #planner .mi-area-options{padding:20px}.marine #planner .mi-other-areas{padding:22px}.marine #planner .mi-other-areas .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.marine #planner .mi-planner-layout{grid-template-columns:1fr}.marine #planner .mi-planner-main{display:contents}.marine #planner .mi-boat-preview{grid-row:1}.marine #planner .mi-area-options{grid-row:2}.marine #planner .mi-other-areas{grid-row:3;border-top:1px solid #dedee2}.marine #planner .mi-primary-areas{grid-template-columns:1fr}.marine #planner .mi-primary-areas button{min-height:52px}.marine #quote .form-shell{padding:24px 18px}.marine #quote .mi-direct-help{align-items:stretch;flex-direction:column}.marine #quote .mi-direct-help>*{text-align:center}.marine #quote .form-grid{grid-template-columns:1fr}.marine #quote .full{grid-column:auto}}

/* About Marine ownership articles: consistent linked thumbnails. */
.marine #journal .marine-reading-card{padding:0;overflow:hidden;align-items:stretch}
.marine #journal .marine-reading-image{display:block;flex:none;width:100%;background:#ededeb}
.marine #journal .marine-reading-image img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;margin:0}
.marine #journal .marine-reading-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px}
.marine #journal .marine-reading-copy h3{margin:0 0 20px;min-height:2.5em;line-height:1.25}
.marine #journal .marine-reading-copy p{margin:0;line-height:1.65}
.marine #journal .marine-reading-copy a{color:#c8102d!important;text-decoration:underline;text-underline-offset:4px}
.marine #journal .marine-reading-copy a:hover{color:#990c22!important}
.marine #journal .marine-reading-card a:focus-visible{outline:3px solid #c8102d;outline-offset:-3px}
@media(max-width:700px){.marine #journal .marine-reading-copy{padding:22px}.marine #journal .marine-reading-copy h3{min-height:0;margin-bottom:16px}}