/* PepeDeals category navigation, swipeable circles and vehicle finder. No slider library. */
.pepe-hero{background:linear-gradient(115deg,#1d334b 0%,#294663 100%)}
.pepe-hero .pepe-eyebrow{background:#ffffff13;border-color:#ffffff45;color:#f5b3a1}
.pepe-hero h1,.pepe-hero h2{color:#fff;font-size:clamp(42px,4.5vw,65px);letter-spacing:-.055em}
.pepe-hero-desc{color:#e0e9f1}.pepe-hero-caption{color:#c0ccda}
.pepe-hero .pepe-button-dark{background:#e32e2f;border-color:#e32e2f;color:#fff}.pepe-hero .pepe-button-dark:hover{background:#ba2227;border-color:#ba2227}
.pepe-hero-media{background:radial-gradient(circle at 57% 50%,#52708b,#253d56 58%,#12283e 100%)}
.pepe-auto-art{display:grid;place-items:center;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}
.pepe-auto-orbit{position:absolute;width:min(90%,450px);aspect-ratio:1;border-radius:50%;border:2px dashed #e0ebff3d;box-shadow:0 0 0 35px #fff1,0 0 0 70px #fff1}
.pepe-auto-wheel{display:grid;place-items:center;position:relative;width:min(70%,345px);aspect-ratio:1;border-radius:50%;border:40px solid #121c2b;background:repeating-conic-gradient(from 3deg,#8797a8 0deg 12deg,#25364b 12deg 36deg);box-shadow:0 21px 40px #08162399,inset 0 0 0 9px #aebcc8,0 0 0 8px #182c43;transform:rotate(-16deg)}
.pepe-auto-hub{display:grid;place-items:center;width:43%;height:43%;border-radius:50%;background:radial-gradient(circle,#263c54 0 55%,#a1b4c7 56% 64%,#112438 65%);color:#fff;font-size:32px;font-weight:900;letter-spacing:-.15em}
.pepe-auto-hub span span{color:#ed443a}.pepe-auto-caption{position:absolute;bottom:37px;left:30px;font-size:11px;font-weight:900;letter-spacing:.25em;color:#f6cfcb}
.pepe-all-categories{position:static}
.pepe-mega-toggle{display:flex;align-items:center;gap:12px;min-height:56px;border:0;border-right:1px solid #e7ebf0;background:transparent;padding:0 28px 0 0;white-space:nowrap;color:var(--pepe-ink);font-size:14px;font-weight:850}
.pepe-mega-toggle>svg:last-child{width:15px;margin-left:8px;transition:transform .2s}
.pepe-mega-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}
.pepe-mega-panel{position:absolute;left:21px;top:100%;width:min(1120px,calc(100vw - 42px));max-height:min(80vh,740px);overflow-y:auto;z-index:105;background:#fff;border:1px solid #e4eaf1;border-radius:0 0 15px 15px;box-shadow:0 27px 70px #0c192a35;padding:24px 26px 21px;text-align:left}
.pepe-mega-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #edf0f5;padding-bottom:19px;margin-bottom:18px}
.pepe-mega-head>div{display:grid;gap:4px}.pepe-mega-eyebrow{font-size:10px;letter-spacing:.13em;color:var(--pepe-accent);font-weight:900}
.pepe-mega-head strong{font-size:25px;font-weight:850;line-height:1.2;letter-spacing:-.035em}
.pepe-mega-head>a{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;font-weight:820;color:var(--pepe-accent)}
.pepe-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:25px}
.pepe-mega-category{min-width:0}.pepe-mega-top{display:flex;align-items:center;gap:10px;color:#24344b;font-weight:850;font-size:13px;line-height:1.4;min-height:49px}
.pepe-mega-top>span:nth-child(2){min-width:0;flex:1}.pepe-mega-top>svg{width:14px;color:#9cabb9}
.pepe-mega-thumbnail{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:#f5f7f9;overflow:hidden}
.pepe-mega-thumbnail img{width:100%;height:100%;object-fit:contain}.pepe-mega-thumbnail .pepe-circle-letter{font-size:20px;color:#dd5331;font-weight:800}
.pepe-mega-children{list-style:none;margin:8px 0 0 54px;padding:0;display:grid;gap:5px}
.pepe-mega-children a{font-size:12px;color:#68778a;line-height:1.55}.pepe-mega-children a:hover,.pepe-mega-top:hover{color:var(--pepe-accent)}
.pepe-mega-shortcuts{display:flex;align-items:center;gap:24px;border-top:1px solid #e9edf2;padding-top:15px;margin-top:23px;font-size:12px}
.pepe-mega-shortcuts>strong{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;color:#7b8693}
.pepe-mega-links{display:flex;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-weight:750;color:#334960}
.pepe-mega-links a:hover{color:var(--pepe-accent)}
.pepe-drawer-categories{border-bottom:1px solid #e7ecf2;margin-bottom:12px}.pepe-drawer-categories summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:15px 0;font-size:15px;font-weight:850}
.pepe-drawer-categories summary::-webkit-details-marker{display:none}.pepe-drawer-categories[open] summary svg{transform:rotate(180deg)}
.pepe-drawer-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px 0 17px}.pepe-drawer-category-list a{font-size:13px;padding:8px 9px;background:#f5f7fb;border-radius:7px;color:#31425b}

.pepe-circle-section{--pepe-circle-size:158px;padding-top:48px;padding-bottom:20px;min-width:0}
.pepe-circle-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}
.pepe-circle-heading h2{font-size:clamp(26px,2.6vw,37px);margin:0;letter-spacing:-.04em;line-height:1.2;font-weight:860}
.pepe-carousel-controls{display:flex;gap:9px}.pepe-carousel-controls button{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #dce2e9;color:#24354a;font-size:22px;line-height:1}
.pepe-carousel-controls button:hover{background:#26394e;color:#fff;border-color:#26394e}
.pepe-circle-track{display:flex;gap:clamp(16px,2.5vw,32px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 3px 16px;min-width:0}
.pepe-circle-track::-webkit-scrollbar{display:none}
.pepe-circle-item{display:flex;flex:0 0 var(--pepe-circle-size);min-width:0;flex-direction:column;align-items:center;text-align:center;gap:17px;scroll-snap-align:start;color:#20252c}
.pepe-circle-image{display:grid;place-items:center;width:var(--pepe-circle-size);height:var(--pepe-circle-size);aspect-ratio:1;border:1px solid #e1e5e8;border-radius:50%;overflow:hidden;background:#f7f8fb;transition:transform .22s,border-color .22s,box-shadow .22s}
.pepe-circle-image img{max-width:86%;max-height:86%;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.pepe-circle-item:hover .pepe-circle-image,.pepe-circle-item:focus-visible .pepe-circle-image{transform:translateY(-3px);border-color:#efc2b4;box-shadow:0 12px 26px #10243d18}
.pepe-circle-item:hover img{transform:scale(1.07)}
.pepe-circle-item strong{font-size:clamp(14px,1.4vw,19px);font-weight:840;line-height:1.25;color:#222933;max-width:100%;min-height:2.35em}
.pepe-circle-word{font-size:21px;font-weight:850;color:#202020}.pepe-circle-new .pepe-circle-image{background:#e4f5ec}.pepe-circle-new .pepe-circle-word{color:#0e8038}
.pepe-circle-sale .pepe-circle-image{background:#fceced}.pepe-circle-sale .pepe-circle-word{color:#d7232d}
.pepe-circle-all .pepe-circle-image{background:#f2f2f2}
.pepe-circle-letter{font-size:65px;line-height:1;color:#66788d;font-weight:820}

.pepe-parts-finder{--pepe-finder-red:#df272a;isolation:isolate;position:relative;overflow:hidden;width:calc(100vw - 1px);margin:50px 0 30px calc(50% - 50vw);padding:85px 25px 100px;color:#fff;background-color:#263749;background-image:linear-gradient(93deg,rgba(36,52,70,.96),rgba(29,47,68,.79)),var(--pepe-finder-image,radial-gradient(circle at 86% 65%,#667a8a 0,#243244 47%,#1a293b 85%));background-size:cover;background-position:center}
.pepe-parts-finder::before{content:"";position:absolute;z-index:-1;right:-160px;top:-100px;width:660px;aspect-ratio:1;border-radius:50%;opacity:.17;border:35px solid #7d8d9f;box-shadow:inset 0 0 0 29px #15253b,inset 0 0 0 38px #9aabbf,inset 0 0 0 115px #1b2b40,inset 0 0 0 125px #8b9eaf,0 0 0 35px #122236;pointer-events:none}
.pepe-finder-inner{max-width:1470px;margin:0 auto;position:relative;z-index:1}
.pepe-finder-heading{text-align:center;margin:0 auto 50px}.pepe-finder-kicker{display:block;color:#fbc5c4;font-size:11px;letter-spacing:.2em;font-weight:850;margin:0 0 13px}
.pepe-finder-heading h2{font-size:clamp(32px,3.4vw,48px);font-weight:860;color:#fff;margin:0 0 18px;letter-spacing:-.035em;line-height:1.15}
.pepe-finder-heading p{font-size:clamp(14px,1.6vw,20px);font-style:italic;line-height:1.5;color:#f0f3f7;max-width:850px;margin:0 auto}
.pepe-finder-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(145px,.8fr);align-items:stretch;gap:5px;background:var(--pepe-finder-red);padding:clamp(24px,3.9vw,65px);margin:auto;max-width:1440px;box-shadow:0 18px 36px #0815281b}
.pepe-finder-field{background:#fff;color:#172b42;min-width:0;padding:9px 14px 7px;display:flex;flex-direction:column;justify-content:center}
.pepe-finder-field label{font-size:10px;line-height:1.2;color:#687789;font-weight:800;text-transform:uppercase;letter-spacing:.085em;margin:0 0 3px}
.pepe-finder-field select{min-width:0;width:100%;height:31px;border:0;outline-offset:3px;color:#23364b;background:#fff;font-size:14px;font-weight:650;text-overflow:ellipsis;padding:2px 16px 2px 0;cursor:pointer}
.pepe-finder-field select:disabled{opacity:.65;cursor:not-allowed}.pepe-finder-submit{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:0;color:#24354b;font-size:14px;font-weight:900;letter-spacing:.015em;min-height:66px}
.pepe-finder-submit:hover{background:#13263a;color:#fff}.pepe-finder-hint{font-size:12px;margin:15px 0 0;text-align:center;color:#d8e4ef}

@media(max-width:1100px){.pepe-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pepe-finder-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pepe-finder-submit{grid-column:1/-1}.pepe-parts-finder{padding-top:65px;padding-bottom:65px}.pepe-circle-section{--pepe-circle-size:144px}}
@media(max-width:767px){.pepe-circle-section{--pepe-circle-size:125px;padding-top:34px}.pepe-circle-track{gap:15px}.pepe-circle-heading{margin-bottom:17px}.pepe-carousel-controls button{width:35px;height:35px;font-size:20px}.pepe-circle-item{gap:12px}.pepe-circle-item strong{font-size:14px}.pepe-circle-word{font-size:18px}.pepe-parts-finder{margin-top:32px;margin-bottom:20px;padding:54px 17px 58px}.pepe-finder-heading{margin-bottom:25px}.pepe-finder-heading p{font-size:14px;font-style:normal}.pepe-finder-form{padding:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.pepe-finder-field{padding:8px 11px}.pepe-finder-field label{font-size:9px}.pepe-finder-field select{font-size:12px}.pepe-finder-submit{min-height:54px}.pepe-parts-finder::before{width:360px;right:-200px;top:0}}
@media(max-width:410px){.pepe-finder-form{grid-template-columns:1fr}.pepe-finder-submit{grid-column:auto}.pepe-circle-section{--pepe-circle-size:110px}.pepe-circle-letter{font-size:45px}}