.jdmp-approved-hub[data-department=exterior] h2,.jdmp-approved-hub[data-department=exterior] h3{line-height:inherit}.jdmp-approved-hub[data-department=exterior]{display:block;isolation:isolate}.jdmp-approved-hub[data-department=exterior] h1{font-weight:700}.jdmp-approved-hub[data-department=exterior]{--lime:#b8f43a;--bg:#090c0d;--muted:#aeb9bf;--stroke:#455159}.jdmp-approved-hub[data-department=exterior] *{box-sizing:border-box}.jdmp-approved-hub[data-department=exterior]{scroll-behavior:smooth}.jdmp-approved-hub[data-department=exterior]{background:radial-gradient(ellipse at 55% -15%,#22302d,#0a0e11 60%,#080a0c);color:#f4f6f5;margin:0;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.jdmp-approved-hub[data-department=exterior] a{color:inherit;text-decoration:none}.jdmp-approved-hub[data-department=exterior] .approved-container{max-width:1170px;margin:auto;padding:43px 23px 95px}.jdmp-approved-hub[data-department=exterior] .eyebrow{font-weight:850;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-size:10px}.jdmp-approved-hub[data-department=exterior] .hero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:218px;border:1px solid #45545a;border-radius:17px;background:linear-gradient(115deg,#252d32,#172126 59%,#161e1e);padding:32px 34px;margin-bottom:20px}.jdmp-approved-hub[data-department=exterior] .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(140deg,transparent 0 42px,#ffffff03 43px 44px);pointer-events:none}.jdmp-approved-hub[data-department=exterior] .hero-copy{z-index:2;position:relative}.jdmp-approved-hub[data-department=exterior] .hero h1{font-size:clamp(41px,6vw,72px);line-height:.98;letter-spacing:-.065em;margin:10px 0 13px;font-weight:900}.jdmp-approved-hub[data-department=exterior] .hero h1 span{color:var(--lime)}.jdmp-approved-hub[data-department=exterior] .hero p{color:#c1cbcf;margin:0;max-width:475px;font-size:14px}.jdmp-approved-hub[data-department=exterior] .hero svg{position:absolute;width:440px;right:0;top:14px;opacity:.23;transform:rotate(-7deg)}.jdmp-approved-hub[data-department=exterior] .hero .decor-gleam{animation:jdmp-exterior-glide 5s infinite alternate ease-in-out}@keyframes jdmp-exterior-glide{to{transform:translate(35px)}}.jdmp-approved-hub[data-department=exterior] .sectionline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 14px}.jdmp-approved-hub[data-department=exterior] .sectionline strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.jdmp-approved-hub[data-department=exterior] .sectionline small{color:#84949a}.jdmp-approved-hub[data-department=exterior] .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.jdmp-approved-hub[data-department=exterior] .tile{position:relative;isolation:isolate;min-height:284px;overflow:hidden;border:1px solid #475159;background:linear-gradient(129deg,#293036,#181e23 65%,#10161a);border-radius:15px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s,transform .35s,box-shadow .35s}.jdmp-approved-hub[data-department=exterior] .tile:hover,.jdmp-approved-hub[data-department=exterior] .tile:focus-within{transform:translateY(-5px);border-color:var(--lime);box-shadow:0 15px 40px #0009,0 0 30px #b8f43a12}.jdmp-approved-hub[data-department=exterior] .tile:before{content:"";position:absolute;width:110%;height:75px;top:-130px;left:-50%;transform:rotate(-24deg);background:linear-gradient(180deg,transparent,#fff2,transparent);transition:top .65s,left .65s;z-index:1;pointer-events:none}.jdmp-approved-hub[data-department=exterior] .tile:hover:before{top:310px;left:110%}.jdmp-approved-hub[data-department=exterior] .tile .top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:8px}.jdmp-approved-hub[data-department=exterior] .tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #7e898760;border-radius:999px;padding:5px 10px;color:#e2e8e8;font-weight:800}.jdmp-approved-hub[data-department=exterior] .idx{font:750 11px ui-monospace,SFMono-Regular,monospace;color:#bdc8cd}.jdmp-approved-hub[data-department=exterior] .copy{position:relative;z-index:2;max-width:73%;pointer-events:none}.jdmp-approved-hub[data-department=exterior] .copy h2{font-size:clamp(24px,3.2vw,38px);line-height:1.02;letter-spacing:-.05em;margin:0 0 9px}.jdmp-approved-hub[data-department=exterior] .copy p{font-size:12px;color:#b9c5cd;margin:0 0 16px;line-height:1.45}.jdmp-approved-hub[data-department=exterior] .action{display:inline-flex;align-items:center;gap:11px;color:var(--lime);font-size:11px;font-weight:850;letter-spacing:.13em}.jdmp-approved-hub[data-department=exterior] .arrow{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;height:30px;width:30px;font-size:18px;transition:transform .25s}.jdmp-approved-hub[data-department=exterior] .tile:hover .arrow{transform:translate(6px)}.jdmp-approved-hub[data-department=exterior] .art{position:absolute;right:-12px;top:50px;width:59%;height:195px;z-index:0;overflow:visible;filter:drop-shadow(0 14px 14px #0008);pointer-events:none}.jdmp-approved-hub[data-department=exterior] .art *{transform-box:fill-box;transform-origin:center}.jdmp-approved-hub[data-department=exterior] .tile .art{transition:filter .4s}.jdmp-approved-hub[data-department=exterior] .tile:hover .art{filter:drop-shadow(0 20px 16px #000b)}.jdmp-approved-hub[data-department=exterior] .tile.used{background:linear-gradient(125deg,#302b27,#181c20 70%)}.jdmp-approved-hub[data-department=exterior] .tile.light{background:linear-gradient(125deg,#263037,#151d21 75%)}.jdmp-approved-hub[data-department=exterior] .tile.glass{background:linear-gradient(125deg,#253238,#172026 75%)}.jdmp-approved-hub[data-department=exterior] .tile.misc{background:linear-gradient(125deg,#302e31,#191f22 75%)}.jdmp-approved-hub[data-department=exterior] .art .glow{opacity:.08;transition:opacity .26s;filter:drop-shadow(0 0 10px #d6ffd0)}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .glow{opacity:1}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .body-shift{transform:translate(10px)}.jdmp-approved-hub[data-department=exterior] .art .body-shift{transition:transform .6s cubic-bezier(.2,.85,.22,1)}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .headlamp{transform:translateY(-31px) rotate(-7deg)}.jdmp-approved-hub[data-department=exterior] .art .headlamp{transition:transform .65s cubic-bezier(.17,.9,.3,1.12);transform-origin:bottom center}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .bonnet{transform:translateY(-24px) rotate(-7deg)}.jdmp-approved-hub[data-department=exterior] .art .bonnet{transform-origin:left bottom;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .wiper{transform:rotate(63deg)}.jdmp-approved-hub[data-department=exterior] .art .wiper{transform-origin:8% 92%;transition:transform .65s cubic-bezier(.3,.6,.2,1)}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .mirror{transform:rotateY(65deg) translate(7px)}.jdmp-approved-hub[data-department=exterior] .art .mirror{transition:transform .6s}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .light-beam{opacity:.53;transform:scaleX(1.05)}.jdmp-approved-hub[data-department=exterior] .art .light-beam{opacity:0;transition:opacity .4s,transform .6s;transform-origin:left center}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .old-panel{transform:translate(-12px) rotate(-5deg)}.jdmp-approved-hub[data-department=exterior] .art .old-panel{transition:transform .6s}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .shine{transform:translate(80px);opacity:1}.jdmp-approved-hub[data-department=exterior] .art .shine{transition:transform .85s,opacity .4s;opacity:.2}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .marker{transform:translateY(-8px)}.jdmp-approved-hub[data-department=exterior] .art .marker{transition:transform .5s}.jdmp-approved-hub[data-department=exterior] .categories .tile{min-height:273px}.jdmp-approved-hub[data-department=exterior] .categories .copy h2{font-size:clamp(23px,3vw,32px)}.jdmp-approved-hub[data-department=exterior] .categories .copy{max-width:74%}.jdmp-approved-hub[data-department=exterior] .subtoggle{align-self:flex-start;z-index:4;position:relative;color:#e2f2bf;cursor:pointer;border:0;background:none;font:750 11px system-ui;letter-spacing:.08em;text-transform:uppercase;padding:10px 0;display:flex;align-items:center;gap:8px}.jdmp-approved-hub[data-department=exterior] .subtoggle:after{content:"+";border:1px solid #64756a;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:15px;line-height:1}.jdmp-approved-hub[data-department=exterior] .tile.expanded .subtoggle:after{content:"\2212"}.jdmp-approved-hub[data-department=exterior] .submenu{position:relative;z-index:4;background:#0d1415ea;border:1px solid #556366;border-radius:9px;display:none;margin-top:9px;padding:10px;gap:7px;flex-direction:column}.jdmp-approved-hub[data-department=exterior] .tile.expanded .submenu{display:flex}.jdmp-approved-hub[data-department=exterior] .sublink{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:6px;background:#263032;border:1px solid #4a5555;font-size:12px}.jdmp-approved-hub[data-department=exterior] .sublink small{font-size:10px;color:#99a5a8}.jdmp-approved-hub[data-department=exterior] .sublink.pending{opacity:.8}.jdmp-approved-hub[data-department=exterior] .sublink.pending small{color:#c1c3aa}.jdmp-approved-hub[data-department=exterior] .tile.expanded{min-height:335px}.jdmp-approved-hub[data-department=exterior] .wide{grid-column:1/-1;min-height:232px;background:linear-gradient(115deg,#293323,#19231f 66%,#111819);border-color:#68784c}.jdmp-approved-hub[data-department=exterior] .wide .copy{max-width:63%}.jdmp-approved-hub[data-department=exterior] .wide .copy h2{font-size:clamp(30px,4vw,46px)}.jdmp-approved-hub[data-department=exterior] .wide .art{width:50%;height:210px;top:15px;right:25px}.jdmp-approved-hub[data-department=exterior] .wide .tag{color:var(--lime);border-color:#86a451}.jdmp-approved-hub[data-department=exterior] .wide .car-row .car-one,.jdmp-approved-hub[data-department=exterior] .wide .car-row .car-two,.jdmp-approved-hub[data-department=exterior] .wide .car-row .car-three{transition:transform .65s,opacity .5s}.jdmp-approved-hub[data-department=exterior] .wide:hover .car-row .car-one{transform:translate(-14px) translateY(-8px)}.jdmp-approved-hub[data-department=exterior] .wide:hover .car-row .car-two{transform:translateY(-16px)}.jdmp-approved-hub[data-department=exterior] .wide:hover .car-row .car-three{transform:translate(15px) translateY(-6px)}.jdmp-approved-hub[data-department=exterior] .foot{font-size:12px;color:#89969b;margin-top:23px}.jdmp-approved-hub[data-department=exterior] .pill{border:1px solid #4b595e;padding:6px 10px;border-radius:8px;display:inline-block;margin-top:10px;color:#aab8b7;font-size:11px}.jdmp-approved-hub[data-department=exterior] .tile.pending .copy .action{color:#c4cbc7}.jdmp-approved-hub[data-department=exterior] .tile:focus-visible,.jdmp-approved-hub[data-department=exterior] .subtoggle:focus-visible,.jdmp-approved-hub[data-department=exterior] a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media(max-width:740px){.jdmp-approved-hub[data-department=exterior] .approved-container{padding:20px 15px 64px}.jdmp-approved-hub[data-department=exterior] .hero{min-height:205px;padding:27px 21px}.jdmp-approved-hub[data-department=exterior] .hero svg{width:260px;right:-100px;top:55px}.jdmp-approved-hub[data-department=exterior] .hero p{max-width:290px}.jdmp-approved-hub[data-department=exterior] .grid{grid-template-columns:1fr;gap:13px}.jdmp-approved-hub[data-department=exterior] .tile,.jdmp-approved-hub[data-department=exterior] .categories .tile{min-height:260px}.jdmp-approved-hub[data-department=exterior] .wide{grid-column:auto;min-height:255px}.jdmp-approved-hub[data-department=exterior] .wide .art{right:-23px;width:67%;top:43px;opacity:.7}.jdmp-approved-hub[data-department=exterior] .wide .copy{max-width:77%}.jdmp-approved-hub[data-department=exterior] .copy{max-width:75%}.jdmp-approved-hub[data-department=exterior] .sectionline{margin-top:23px}}@media(prefers-reduced-motion:reduce){.jdmp-approved-hub[data-department=exterior] *,.jdmp-approved-hub[data-department=exterior] *:before,.jdmp-approved-hub[data-department=exterior] *:after{animation:none!important;transition:none!important}}.jdmp-approved-hub[data-department=exterior] .subtoggle{z-index:5;position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:20px;margin:14px 0 0;border:1px solid #8ba24a;border-radius:12px;background:#1e2b22;color:#e2ff82;padding:11px 14px;cursor:pointer;font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.03em;text-transform:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.jdmp-approved-hub[data-department=exterior] .subtoggle:after{content:none!important;display:none!important}.jdmp-approved-hub[data-department=exterior] .subtoggle:hover,.jdmp-approved-hub[data-department=exterior] .subtoggle[aria-expanded=true]{background:#2d4129;border-color:#d5ff56;box-shadow:0 0 24px #c9ff4930;transform:translateY(-2px)}.jdmp-approved-hub[data-department=exterior] .subtoggle:focus-visible{outline:3px solid #d5ff56;outline-offset:4px}.jdmp-approved-hub[data-department=exterior] .sub-chevron{font-size:19px;line-height:.7;transition:transform .28s;transform-origin:center}.jdmp-approved-hub[data-department=exterior] .subtoggle[aria-expanded=true] .sub-chevron{transform:rotate(180deg)}.jdmp-approved-hub[data-department=exterior] .subcategories{z-index:5;position:relative;margin-top:12px;width:100%}.jdmp-approved-hub[data-department=exterior] .subcategories[hidden]{display:none!important}.jdmp-approved-hub[data-department=exterior] .subcategories-inner{padding:13px 14px;border-radius:13px;border:1px solid #536947;background:linear-gradient(125deg,#131c19ef,#202b26f5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 15px 30px #0008;animation:jdmp-exterior-exUnfold .27s ease both}.jdmp-approved-hub[data-department=exterior] .subcategories-caption{font-size:10px;letter-spacing:.12em;font-weight:800;color:#d5ff56;margin:0 0 8px}.jdmp-approved-hub[data-department=exterior] .subcategory-line{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #ffffff1f;font-size:13px;color:#e5eae8}.jdmp-approved-hub[data-department=exterior] .substate{flex-shrink:0;color:#98a5a3;font-size:10px;font-weight:650;text-align:right}@keyframes jdmp-exterior-exUnfold{0%{opacity:0;transform:translateY(-9px) scale(.98)}to{opacity:1;transform:none}}.jdmp-approved-hub[data-department=exterior] .tile .art g,.jdmp-approved-hub[data-department=exterior] .tile .art path{transform-box:fill-box}@keyframes jdmp-exterior-hoodCycle{0%,10%{transform:translate(0) rotate(0)}45%,75%{transform:translate(-4px,-26px) rotate(-12deg)}to{transform:translate(0) rotate(0)}}@keyframes jdmp-exterior-wiperCycle{0%,8%,to{transform:rotate(0)}44%{transform:rotate(73deg)}75%{transform:rotate(-5deg)}}@keyframes jdmp-exterior-foldCycle{0%,5%,to{transform:rotateY(0) translate(0)}45%,75%{transform:rotateY(77deg) translate(12px)}}@keyframes jdmp-exterior-headlightFlash{0%,20%{opacity:0;transform:scaleX(.1)}36%,82%{opacity:.9;transform:scaleX(1.12)}to{opacity:0;transform:scaleX(.1)}}@keyframes jdmp-exterior-panelInspect{0%,to{transform:translate(0) rotate(0)}48%{transform:translate(-19px,-9px) rotate(-7deg)}}@keyframes jdmp-exterior-shinePass{0%{opacity:0;transform:translate(-75px)}30%,65%{opacity:1}to{opacity:0;transform:translate(120px)}}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .bonnet{animation:jdmp-exterior-hoodCycle 2.1s ease-in-out infinite;transform-origin:15% 90%}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .wiper{animation:jdmp-exterior-wiperCycle 1.4s cubic-bezier(.45,.05,.55,.95) infinite;transform-origin:8% 92%}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .mirror{animation:jdmp-exterior-foldCycle 2s ease-in-out infinite;transform-origin:25% 55%}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .light-beam{animation:jdmp-exterior-headlightFlash 1.85s ease-in-out infinite;transform-origin:left center}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .old-panel{animation:jdmp-exterior-panelInspect 2.4s ease-in-out infinite;transform-origin:center}.jdmp-approved-hub[data-department=exterior] .tile:hover .art .shine{animation:jdmp-exterior-shinePass 1.65s ease-in-out infinite}.jdmp-approved-hub[data-department=exterior] .tile{--mx:0px;--my:0px}.jdmp-approved-hub[data-department=exterior] .tile .art{translate:var(--mx) var(--my);transition:translate .18s ease-out,opacity .3s}.jdmp-approved-hub[data-department=exterior] .tile:hover{box-shadow:0 24px 52px #000c,0 0 32px #b8f43a15;border-color:#cfff65}.jdmp-approved-hub[data-department=exterior] .tile .art{pointer-events:none}@media(prefers-reduced-motion:reduce){.jdmp-approved-hub[data-department=exterior] .tile:hover .art .bonnet,.jdmp-approved-hub[data-department=exterior] .tile:hover .art .wiper,.jdmp-approved-hub[data-department=exterior] .tile:hover .art .mirror,.jdmp-approved-hub[data-department=exterior] .tile:hover .art .light-beam,.jdmp-approved-hub[data-department=exterior] .tile:hover .art .old-panel,.jdmp-approved-hub[data-department=exterior] .tile:hover .art .shine{animation:none!important}.jdmp-approved-hub[data-department=exterior] .tile .art{translate:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/approved-hub-exterior.css.map */