/* Shared finishing details: readable density, consistent surfaces, restrained motion. */
:root{--shadow-soft:0 3px 14px rgba(23,43,58,.035);--shadow-hover:0 12px 30px rgba(23,43,58,.09)}
.hero .media-hero.media-product-pair{aspect-ratio:3/2;grid-template-columns:1.25fr .75fr;gap:20px;padding:28px}
.hero .media-pair-item img{object-fit:contain}
@media(max-width:767px){.hero .media-hero.media-product-pair{aspect-ratio:16/10;gap:12px;padding:18px}}
.home-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-range-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.home-range-visual{position:relative;background:#fff;border-bottom:1px solid #e9eef2}
.home-range-card .home-range-media{aspect-ratio:3/2;width:100%;border:0;border-radius:0;background:transparent}
.home-range-card .home-range-media>img{object-fit:contain;padding:22px}
.home-range-copy{padding:20px;display:flex;flex-direction:column;flex:1;gap:10px}
.home-range-copy h3{font-size:19px;line-height:26px;min-height:52px}
.home-range-copy p{font-size:14px;line-height:23px;color:var(--muted);margin:0 0 7px}
.home-range-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:22px;font-weight:600;color:var(--action);margin-top:auto}
.home-range-link>span{font-size:19px;transition:transform .2s ease}
.home-range-card:hover,.home-range-card:focus-visible{border-color:#b7cadc;box-shadow:var(--shadow-hover)}
.home-range-card:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.home-range-card:hover .home-range-link>span{transform:translateX(3px)}
.home-range-help{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px 24px;border-radius:12px;background:#173a59;color:#e1ebf4;min-width:0}
.home-range-help .eyebrow{color:#bed9ee;font-size:12px;margin:0}
.home-range-help h3{color:#fff;font-size:24px;line-height:31px}
.home-range-help>p:not(.eyebrow){font-size:14px;line-height:24px}
.home-help-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #65819b;border-radius:50%;font-size:23px;color:#fff;margin-bottom:3px}
.home-range-help .button{margin-top:auto;font-size:13px;min-height:42px;padding:10px 14px;width:100%;justify-content:space-between;gap:8px}
.product-section .section-heading{gap:24px;margin-bottom:28px;align-items:center}
.product-section .section-heading>.text-link{flex-shrink:0;font-size:14px;gap:12px}
.product-section .range-note{margin-top:24px;font-size:14px}
.company-page .company-proof-grid{gap:22px}
.company-page .company-proof-grid article{border-radius:12px;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,border-color .2s ease}
.company-proof-image-link{display:block;overflow:hidden}
.company-proof-image-link:focus-visible{outline:3px solid var(--action);outline-offset:-4px}
.company-page .company-proof-media{aspect-ratio:3/2}
.company-page .company-proof-media.media-filled>img{padding:0;object-fit:cover;object-position:50% 50%}
.company-page .company-proof-media[data-media-slot="S13-packing-review-01"]>img{object-position:50% 45%}
.company-page .company-proof-grid article>div:last-child{padding:20px}
.company-page .company-proof-grid h3{font-size:20px;line-height:28px;margin-bottom:8px}
.company-page .company-proof-grid p{font-size:14px;line-height:24px}
.company-page .company-proof-grid article:hover,.company-page .company-proof-grid article:focus-within{box-shadow:var(--shadow-hover);border-color:#b7cadc}
.company-page .company-section-heading{margin-bottom:28px}
.company-page .company-markets{padding:56px 0}
.company-markets-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:28px}
.company-markets-heading>p{font-size:16px;line-height:27px;max-width:59ch}
.company-page .company-markets h2{font-size:32px;line-height:40px;margin:0}
.company-market-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;box-shadow:var(--shadow-soft)}
.company-market-group{padding:22px 20px;min-width:0}
.company-market-group+.company-market-group{border-left:1px solid var(--line)}
.company-market-group h3{font-size:13px;line-height:20px;color:var(--action);margin-bottom:13px}
.company-page .company-markets ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.company-page .company-markets li{border:0;padding:0;font-size:15px;line-height:24px}
.company-market-note{font-size:14px;line-height:24px;margin-top:20px;color:var(--muted)}
.company-market-note a{color:var(--action);margin-left:8px}
.support-knowledge-link{font-size:14px;margin-top:22px;display:inline-flex;gap:10px}
.technical-support-intro{font-size:14px;line-height:24px;margin:10px 0 16px;color:var(--muted)}
.parking-thumbnail{cursor:pointer;font:inherit}
/* The home support section is a concise service menu, with one shared footer contact area. */
.home-support{background:#f4f7fa;border-top:1px solid #e7edf2}
.home-support-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;margin-bottom:28px}
.home-support-heading h2{font-size:34px;line-height:1.22;max-width:24ch;margin:0 0 14px}
.home-support-heading>div>p:not(.eyebrow){font-size:16px;line-height:26px;max-width:65ch;color:var(--muted)}
.home-support-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.home-support-actions .text-link{font-size:13px;gap:12px}
.home-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-support-card{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:12px;padding:24px;text-decoration:none;box-shadow:var(--shadow-soft);transition:box-shadow .18s ease,border-color .18s ease}
.home-support-number{font-size:12px;line-height:28px;width:32px;text-align:center;border-radius:6px;background:#eaf1f9;color:var(--action);font-weight:600;margin-bottom:16px}
.home-support-card h3{font-size:20px;line-height:27px;margin:0 0 10px}
.home-support-card p{font-size:14px;line-height:24px;color:var(--muted);margin:0 0 18px;max-width:44ch}
.home-support-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-top:auto;color:var(--action);font-weight:600;font-size:13px;line-height:22px}
.home-support-card:hover,.home-support-card:focus-visible{border-color:#b7cadc;box-shadow:var(--shadow-hover)}
.home-support-card:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.footer-help#contact{scroll-margin-top:100px}
@media(max-width:999px){.home-support-heading{grid-template-columns:1fr;gap:20px}.home-support-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 24px}.home-support-card{padding:20px}.home-support-card h3{font-size:18px;line-height:25px}}
@media(max-width:767px){.home-support-heading h2{font-size:28px;line-height:36px}.home-support-grid{grid-template-columns:1fr;gap:14px}.home-support-card{display:grid;grid-template-columns:32px 1fr;column-gap:14px;padding:20px}.home-support-number{grid-row:1/4;margin:0}.home-support-card p{margin:0 0 12px;max-width:none}.home-support-actions .button{font-size:14px}.home-support-link{grid-column:2}.home-support-card h3{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.home-support-card{transition:none}}
.parking-product-card,.parking-category-card,.parking-related-grid>a,.knowledge-card{box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.parking-product-card:hover,.parking-product-card:focus-within,.parking-category-card:hover,.parking-category-card:focus-within,.parking-related-grid>a:hover,.knowledge-card:hover{box-shadow:var(--shadow-hover);border-color:#b7cadc}
.button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.button-primary:hover{box-shadow:0 5px 13px #2459a625}
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease}
input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2459a615}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .home-range-card:hover,.parking-product-card:hover,.parking-category-card:hover{transform:translateY(-2px)}
 .button:hover{transform:translateY(-1px)}
}
@media(max-width:1199px){
 .home-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-range-card .home-range-media{aspect-ratio:2/1}
 .home-range-copy h3{min-height:0}
 .company-market-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .company-market-group:nth-child(4){border-left:0}
 .company-market-group:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:767px){
 .home-range-grid{gap:14px}
 .home-range-copy{padding:16px;gap:8px}
 .home-range-copy h3{font-size:18px;line-height:25px}
 .home-range-card .home-range-media>img{padding:16px}
 .home-range-help{padding:22px;gap:12px}
 .product-section .section-heading{align-items:flex-start;flex-direction:column;gap:14px}
 .company-markets-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
 .company-page .company-markets{padding:40px 0}
 .company-page .company-markets h2{font-size:28px;line-height:36px}
 .company-market-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
 .company-market-group{padding:18px 16px}
 .company-market-group:nth-child(4){border-left:1px solid var(--line)}
 .company-market-group:nth-child(odd){border-left:0}
 .company-market-group:nth-child(n+3){border-top:1px solid var(--line)}
 .company-market-note a{display:block;margin:6px 0 0}
 .company-page .company-proof-grid{gap:18px}
 .technical-support-intro{font-size:14px}
}
@media(max-width:539px){
 .home-range-grid{grid-template-columns:minmax(0,1fr)}
 .home-range-card{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:stretch}
 .home-range-visual{border:0;border-right:1px solid #e9eef2;display:flex;align-items:center}
 .home-range-card .home-range-media{aspect-ratio:1/1}
 .home-range-card .home-range-media>img{padding:10px}
 .home-range-copy{padding:16px 14px}
 .home-range-copy h3{font-size:17px;line-height:23px}
 .home-range-copy p{font-size:13px;line-height:20px;margin:0}
 .home-range-link{font-size:12px;line-height:20px;margin-top:3px}
 .home-range-help h3{font-size:23px;line-height:30px}
 .home-range-help .button{width:auto;margin-top:5px;gap:18px}
}
@media(prefers-reduced-motion:reduce){
 .home-range-card,.home-range-link>span,.company-proof-grid article,.parking-product-card,.parking-category-card,.parking-related-grid>a,.knowledge-card,.button,input,select,textarea{transition:none;transform:none!important}
}