.protection-page{background:#f3f8fd}
.protection-page .protection-hero{position:relative;isolation:isolate;background:#f7fbff;padding:48px 0 36px;overflow:hidden;color:#07143c}
.protection-page .protection-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/protection-road-hero.png') center right/cover no-repeat}
.protection-page .protection-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbfdff 0%,#fbfdfff8 29%,#fbfdffbf 48%,#fbfdff18 72%,transparent 100%)}
.protection-page .protection-hero .eyebrow{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#2c4774}
.protection-page .protection-hero .eyebrow::before{content:'';width:24px;height:2px;background:#e8b62c;flex-shrink:0}
.protection-page .protection-hero h1{font-size:clamp(39px,4.6vw,65px);letter-spacing:-.055em;line-height:1.06;margin:28px 0 20px;font-weight:600;color:#07143c;max-width:900px}
.protection-page .protection-hero h1 em{color:#2864dc;font-style:normal}
.protection-page .protection-hero>.container>p{font-size:16px;line-height:1.65;color:#627898;max-width:670px;margin-bottom:28px}
.protection-page .protection-filters{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.protection-page .protection-filters button{font-size:11px;padding:13px 18px;border:1px solid #cddcf1;border-radius:5px;background:#ffffffef;color:#152b58;min-height:44px}
.protection-page .protection-filters button[aria-pressed=true]{background:#08183d;border-color:#08183d;color:white}
.protection-page main>.section{padding:26px 0 25px;background:#f3f8fd}
.protection-page .protection-result-count{font-size:12px;color:#607493;margin:0 0 18px}
.protection-page .protection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.protection-page .product-card{background:white;border:1px solid #d5e2f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}
.protection-page .product-card[hidden]{display:none}
.protection-page .product-photo{height:225px;display:block;overflow:hidden;border-bottom:4px solid var(--product-color)}
.protection-page .product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.protection-page .product-photo:hover img{transform:scale(1.025)}
.protection-page .product-info{padding:21px 22px 18px;display:flex;flex-direction:column;flex:1}
.protection-page .product-category{font-size:9px;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--product-text);font-weight:600}
.protection-page .product-info h3{font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:12px 0;color:#07143c}
.protection-page .product-info>p{font-size:13px;line-height:1.7;color:#687e9c;min-height:44px;margin:0 0 15px}
.protection-page .coverage-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}
.protection-page .coverage-tags span{font-size:10px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--product-color) 40%,white);background:color-mix(in srgb,var(--product-color) 7%,white);color:var(--product-text);border-radius:3px}
.protection-page .product-card-actions{display:flex;gap:15px;align-items:center;margin-top:auto;border-top:1px solid #e2eaf4;padding-top:12px;justify-content:space-between}
.protection-page .finder-explore-button{font-size:10px;padding:11px 15px;min-height:39px;gap:12px;border-radius:4px;white-space:nowrap;background:#1659e7;color:white}
.protection-page .brochure-download{font-size:10px;color:#123975;display:flex;align-items:center;gap:7px;line-height:1.5}
.protection-page .protection-grid+[data-i18n=finderTerms]{font-size:11px;line-height:1.9;color:#7084a0;margin:21px 0 0}
.protection-page .protection-support{padding:34px 0 40px;background:#e8f3ff}
.protection-page .protection-support>.container{display:flex;justify-content:space-between;gap:30px;align-items:center}
.protection-page .protection-support h2{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:0 0 12px;color:#0a173d}
.protection-page .protection-support p{font-size:14px;color:#627898;margin:0;line-height:1.7}
.protection-page .protection-support .button{font-size:12px;white-space:nowrap;border-radius:5px;padding:17px 24px}
@media(min-width:1600px){.protection-page .product-photo{height:250px}}
@media(max-width:1100px){.protection-page .protection-grid{gap:16px}.protection-page .product-info{padding:18px 15px}.protection-page .product-info h3{font-size:21px}.protection-page .product-card-actions{gap:10px}.protection-page .finder-explore-button{padding:11px;font-size:9px}.protection-page .brochure-download{font-size:9px}}
@media(max-width:850px){.protection-page .protection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-page .protection-hero::after{background:linear-gradient(90deg,#fbfdfff5 0%,#fbfdffdd 45%,#fbfdff55 100%)}.protection-page .product-photo{height:220px}}
@media(max-width:600px){.protection-page .protection-hero{padding:35px 0 28px}.protection-page .protection-hero h1{font-size:40px;margin:24px 0 18px}.protection-page .protection-hero>.container>p{font-size:14px}.protection-page .protection-hero::after{background:#fbfdffe0}.protection-page .protection-filters{gap:8px}.protection-page .protection-filters button{font-size:10px;padding:10px 12px}.protection-page .protection-grid{grid-template-columns:1fr;gap:20px}.protection-page .product-photo{height:230px}.protection-page .product-info{padding:21px}.protection-page .product-info h3{font-size:26px}.protection-page .product-info>p{min-height:0}.protection-page .finder-explore-button{font-size:11px;padding:12px 17px}.protection-page .brochure-download{font-size:11px}.protection-page .protection-support>.container{display:block}.protection-page .protection-support h2{font-size:29px}.protection-page .protection-support .button{margin-top:23px}}
.protection-page .protection-hero{background-image:linear-gradient(90deg,#fbfdff 0%,#fbfdfff8 29%,#fbfdffbf 48%,#fbfdff18 72%,transparent 100%),url('/assets/protection-road-hero.png');background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat}
.protection-page .protection-hero::before,.protection-page .protection-hero::after{display:none}
@media(max-width:850px){.protection-page .protection-hero{background-image:linear-gradient(90deg,#fbfdfff5 0%,#fbfdffdd 45%,#fbfdff55 100%),url('/assets/protection-road-hero.png')}}
@media(max-width:600px){.protection-page .protection-hero{background-image:linear-gradient(#fbfdffe0,#fbfdffe0),url('/assets/protection-road-hero.png')}}
/* Keep the road in frame instead of cropping it at the lower banner edge. */
.protection-page .protection-hero{min-height:clamp(430px,30vw,560px);display:flex;align-items:center;padding:54px 0;background-position:center,right bottom;background-size:cover,cover}.protection-page .protection-hero>.container{width:min(1240px,calc(100% - 96px))}@media(max-width:850px){.protection-page .protection-hero{min-height:430px;padding:40px 0;background-position:center,72% bottom}.protection-page .protection-hero>.container{width:calc(100% - 48px)}}@media(max-width:600px){.protection-page .protection-hero{min-height:0;padding:38px 0 34px;background-position:center,75% bottom}.protection-page .protection-hero>.container{width:calc(100% - 40px)}}
/* Match the banner to the site's content width on large displays. */
.protection-page .protection-hero{width:100%;max-width:1336px;margin-inline:auto;min-height:430px;background-position:center,right bottom}.protection-page .protection-hero>.container{margin-inline:auto}@media(max-width:600px){.protection-page .protection-hero{min-height:0}}

/* Light gutters around the contained banner; keep the footer navy. */
.protection-page main{background:#f7fbff}
.protection-page .product-photo img[src="/assets/ride.webp"]{object-position:50% 12%}
/* Feather the scenic banner into one continuous light page surface. */
.protection-page,.protection-page main,.protection-page main>.section{background:#f7fbff}.protection-page .protection-hero{background-color:#f7fbff;background-image:linear-gradient(90deg,#f7fbff 0%,#f7fbfff5 24%,#f7fbffb3 43%,#f7fbff12 68%,transparent),url('/assets/protection-road-hero.png');background-position:center,right bottom}.protection-page .protection-hero::after{display:block;content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f7fbff 0%,#f7fbff00 17%,#f7fbff00 72%,#f7fbff 100%),linear-gradient(90deg,#f7fbff 0%,#f7fbff00 10%,#f7fbff00 88%,#f7fbff 100%)}.protection-page .protection-hero>.container{position:relative;z-index:1}@media(max-width:850px){.protection-page .protection-hero{background-image:linear-gradient(90deg,#f7fbfff5,#f7fbffcc 55%,#f7fbff55),url('/assets/protection-road-hero.png')}}@media(max-width:600px){.protection-page .protection-hero{background-image:linear-gradient(#f7fbffdc,#f7fbffdc),url('/assets/protection-road-hero.png')}.protection-page .protection-hero::after{background:linear-gradient(180deg,#f7fbff,transparent 20%,transparent 75%,#f7fbff)}}
/* Supplied finished header: retain real site navigation and interactive filters. */
.protection-page .protection-supplied{display:block;position:relative;aspect-ratio:2048/335;min-height:0!important;padding:0!important;width:100%;max-width:none;background:#0c2337;overflow:hidden}.protection-page .protection-supplied::before,.protection-page .protection-supplied::after{display:none}.protection-supplied-image{position:absolute;left:0;top:-16.418%;width:100%;height:auto;max-width:none}.protection-page .protection-supplied>.container{position:absolute;inset:0;width:100%;max-width:none;margin:0}.protection-supplied .eyebrow,.protection-supplied h1,.protection-supplied>.container>p{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.protection-page .protection-supplied .protection-filters{position:absolute;left:5.908%;top:80%;width:41.31%;height:14.03%;margin:0;display:grid;grid-template-columns:132fr 167fr 154fr 156fr 174fr;gap:1.85%}.protection-page .protection-supplied .protection-filters button{min-height:0;padding:0;border:0;border-radius:3px;background:transparent;color:transparent;position:relative;font-size:0}.protection-supplied .protection-filters button span{opacity:0}.protection-page .protection-supplied .protection-filters button[aria-pressed=true]{background:#1b70f522;outline:2px solid #2f85ff;outline-offset:1px}.protection-page .protection-supplied .protection-filters button:focus-visible{outline:3px solid #ffcf44}.protection-page .protection-supplied .protection-filters button:hover{background:#1b70f533}@media(max-width:800px){.protection-page .protection-supplied{aspect-ratio:auto;min-height:0!important;padding-top:16.358%!important;overflow:visible;margin-bottom:130px}.protection-supplied-image{top:0;clip-path:inset(14.1026% 0 0);transform:translateY(-14.1026%)}.protection-page .protection-supplied .protection-filters{top:100%;left:0;width:100%;height:auto;min-height:130px;padding:16px 20px;background:#f7fbff;display:flex;gap:8px;align-content:center}.protection-page .protection-supplied .protection-filters button{font-size:11px;color:#10244c;border:1px solid #cddcf1;background:#fff;padding:10px 12px;min-height:40px}.protection-supplied .protection-filters button span{opacity:1}.protection-page .protection-supplied .protection-filters button[aria-pressed=true]{background:#165fe2;color:#fff;outline:none}}
@media(min-width:801px){.protection-page .protection-supplied .protection-filters button{font-size:clamp(7px,.62vw,15px);background:#fff;color:#08183d;font-weight:600}.protection-page .protection-supplied .protection-filters button span{opacity:1}.protection-page .protection-supplied .protection-filters button[aria-pressed=true]{background:#1875f5;color:#fff;outline:none}}
/* Match the Vancouver story banner's proportions, with live readable content. */
.protection-page .protection-supplied{aspect-ratio:1536/608;padding:0!important;min-height:0!important;display:flex;align-items:center;margin:0}.protection-supplied-image{inset:0;width:100%;height:100%;object-fit:cover;transform:none;clip-path:none}.protection-page .protection-supplied::after{display:block;background:linear-gradient(90deg,#071b32d9, #071b3277 45%,transparent 78%);z-index:0}.protection-page .protection-supplied>.container{position:relative;inset:auto;width:min(var(--wide-content,1240px),90%);max-width:none;margin:auto;z-index:1}.protection-supplied .eyebrow,.protection-supplied h1,.protection-supplied>.container>p{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0 0 22px!important;overflow:visible!important;clip-path:none;white-space:normal}.protection-page .protection-supplied h1{color:white;font-size:clamp(36px,4.2vw,78px);max-width:1100px}.protection-page .protection-supplied h1 em{color:#3287ff}.protection-page .protection-supplied .eyebrow{color:white}.protection-page .protection-supplied>.container>p{color:white;max-width:800px}.protection-page .protection-supplied .protection-filters{position:static;width:auto;height:auto;min-height:0;margin:28px 0 0;padding:0;background:transparent;display:flex;gap:12px}.protection-page .protection-supplied .protection-filters button{font-size:13px;min-height:46px;padding:12px 20px;background:#fff;color:#08183d;border:1px solid #d4dfeb}.protection-page .protection-supplied .protection-filters button[aria-pressed=true]{color:white;background:#1875f5}.protection-page .protection-supplied .protection-filters button span{opacity:1}@media(max-width:800px){.protection-page .protection-supplied{aspect-ratio:auto;min-height:380px!important;padding:32px 0!important}.protection-page .protection-supplied h1{font-size:36px}.protection-page .protection-supplied .protection-filters{gap:8px}.protection-page .protection-supplied .protection-filters button{font-size:11px;padding:10px 12px;min-height:40px}}