.ppm-nav{--ppm-line: rgba(var(--color-foreground), .12);--ppm-muted: rgba(var(--color-foreground), .65)}.ppm-menu{position:static}.ppm-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:12px 0;border-bottom:2px solid transparent;color:rgb(var(--color-foreground));font-size:13px;font-weight:600;line-height:20px;cursor:pointer;list-style:none;transition:color .2s,border-color .2s}.ppm-trigger::-webkit-details-marker{display:none}.ppm-trigger:after{display:none}.ppm-trigger:focus-visible,.ppm-panel button:focus-visible{outline:2px solid #E8590C;outline-offset:4px}.ppm-trigger:hover,.ppm-menu[open]>.ppm-trigger{color:#e8590c;border-bottom-color:#e8590c}.ppm-chevron{position:static;flex:none;transition:transform .3s var(--pp-ease)}.ppm-menu[open]>.ppm-trigger .ppm-chevron{transform:rotate(180deg)}.ppm-panel{position:absolute;top:100%;left:20px;right:20px;z-index:10;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:28px;padding:26px;border:1px solid var(--ppm-line);border-radius:0 0 18px 18px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 24px 50px #00000029;max-height:min(720px,var(--ppm-available-height, calc(100dvh - 220px) ));overflow:hidden;overscroll-behavior:contain}.ppm-menu[open]>.ppm-panel{animation:ppm-arrive .28s var(--pp-ease) both}.ppm-menu.ppm-closing>.ppm-panel{animation:ppm-depart .16s ease-in both;pointer-events:none}.ppm-intro{padding:6px 22px 8px 0;border-right:1px solid var(--ppm-line)}.ppm-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--ppm-muted)}.ppm-brand-title{margin:14px 0 10px;font-size:32px;font-weight:800;letter-spacing:-.05em;line-height:1.1}.ppm-description{font-size:12px;line-height:1.8;color:var(--ppm-muted)}.ppm-panel .ppm-all{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px 0;margin-top:24px;border-bottom:1px solid var(--ppm-line);font-size:12px;line-height:1.7}.ppm-all span{color:#e8590c;font-size:22px}.ppm-models{min-width:0;min-height:0;display:flex;flex-direction:column}.ppm-filter{display:flex;flex:none;align-items:center;gap:10px;min-height:44px;margin-bottom:12px;padding:0 12px;border-radius:9px;background:rgba(var(--color-foreground),.045);color:var(--ppm-muted);transition:background .2s,box-shadow .2s}.ppm-filter:focus-within{background:#e8590c11;box-shadow:0 3px 14px #e8590c1f}.ppm-filter svg{flex:none}.ppm-filter input{min-width:0;width:100%;padding:10px 0;background:transparent;color:rgb(var(--color-foreground));border:0;border-radius:0;font:inherit;font-size:13px;line-height:24px}.ppm-filter input:focus,.ppm-filter input:focus-visible{outline:0;box-shadow:none}.ppm-filter input::placeholder{color:var(--ppm-muted);opacity:1}.ppm-load-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;color:var(--ppm-muted)}.ppm-load-status button{min-height:44px;padding:6px 12px;background:transparent;border:1px solid var(--ppm-line);border-radius:8px;color:inherit;cursor:pointer}.ppm-no-results{margin:12px 0;font-size:13px;line-height:1.8;color:var(--ppm-muted)}.ppm-menu [hidden]{display:none!important}.ppm-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;margin:0 0 12px;min-height:24px}.ppm-count{font-size:12px;font-weight:700}.ppm-count span{font-weight:400;color:var(--ppm-muted);margin-left:4px}.ppm-swipe,.ppm-scroll-controls{display:none}.ppm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;min-height:0;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.25) transparent;padding:3px}.ppm-panel .ppm-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 0 10px;border:1px solid var(--ppm-line);border-radius:10px;overflow:hidden;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.025);transition:border-color .2s,background .2s,box-shadow .2s}.ppm-menu[open] .ppm-card{animation:ppm-arrive .4s var(--pp-ease) both;animation-delay:calc(var(--ppm-i) * 24ms)}.ppm-panel .ppm-card:hover,.ppm-panel .ppm-card[aria-current=page]{border-color:#e8590c;color:rgb(var(--color-foreground));background:#e8590c0d;box-shadow:0 4px 12px #0000000a}.ppm-card__media{display:flex;flex:none;justify-content:center;align-items:center;width:100%;height:92px;padding:8px;background:#fff}.ppm-car-image{width:100%;height:100%;object-fit:contain;transition:transform .45s var(--pp-ease)}.ppm-card:hover .ppm-car-image{transform:translateY(-3px) scale(1.045)}.ppm-card__text{display:flex;flex-direction:column;padding:9px 26px 0 12px;line-height:1.3}.ppm-card__text strong{font-size:12px;font-weight:700}.ppm-card__text small{font-size:10px;margin-top:5px;font-weight:400;color:var(--ppm-muted)}.ppm-card__arrow{position:absolute;bottom:12px;right:10px;color:#e8590c;font-size:17px;transition:transform .25s var(--pp-ease)}.ppm-card:hover .ppm-card__arrow{transform:translate(2px,-2px)}.ppm-panel .ppm-card:focus-visible{outline-offset:-3px}@keyframes ppm-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ppm-depart{to{opacity:0;transform:translateY(5px)}}@media(min-width:990px)and (max-width:1199px){.ppm-panel{grid-template-columns:170px minmax(0,1fr);gap:20px;padding:22px}.ppm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:989px){.ppm-nav{width:100%}.ppm-menu{border-bottom:1px solid var(--ppm-line);min-width:0}.ppm-trigger{min-height:56px;padding:16px 8px;font-size:18px;font-weight:700;border:0}.ppm-chevron{width:18px;height:18px;transform:rotate(-90deg)}.ppm-menu[open]>.ppm-trigger .ppm-chevron{transform:rotate(-90deg)}html.ppm-picker-open,html.ppm-picker-open body{overflow:hidden;overscroll-behavior:none}html.ppm-picker-open{scrollbar-gutter:auto}.ppm-menu--mobile>.ppm-picker:not([open]){display:none}.ppm-menu--mobile>.ppm-picker{position:fixed;inset:var(--ppm-picker-top,0px) 0 auto;display:flex;flex-direction:column;gap:0;width:100%;max-width:none;height:var(--ppm-picker-height,100dvh);max-height:none;margin:0;padding:env(safe-area-inset-top,0px) 0 0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ppm-picker::backdrop{background:#12121233}.ppm-menu[open]>.ppm-picker{animation:ppm-picker-in .26s cubic-bezier(.2,.8,.2,1) both}.ppm-menu.ppm-closing>.ppm-picker{animation:ppm-picker-out .18s ease-in both}.ppm-picker__header{display:flex;flex:none;align-items:center;gap:12px;min-height:88px;padding:14px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.ppm-picker .ppm-picker__button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;color:inherit;background:rgba(var(--color-foreground),.045);cursor:pointer;transition:background .18s,transform .18s}.ppm-picker__button:active{transform:scale(.92)}.ppm-picker button.ppm-picker__button,.ppm-picker button.ppm-filter__clear{background:rgba(var(--color-foreground),.045)!important;color:rgb(var(--color-foreground))!important}.ppm-picker button.ppm-filter__clear{background:transparent!important}.ppm-picker__heading{flex:1;min-width:0}.ppm-picker__heading h2{margin:0;color:inherit;font-family:var(--font-body-family);font-size:24px;font-weight:750;letter-spacing:-.04em;line-height:1.2}.ppm-picker__heading p{margin:4px 0 0;font-size:11px;line-height:1.5;color:var(--ppm-muted)}.ppm-picker .ppm-intro{display:none}.ppm-picker .ppm-models{flex:1;display:flex;min-height:0;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.ppm-picker .ppm-filter{min-height:48px;margin:0;padding:0 12px;gap:8px;border-radius:12px}.ppm-picker .ppm-filter input{font-size:16px;padding:12px 0}.ppm-picker .ppm-filter input::-webkit-search-cancel-button{-webkit-appearance:none}.ppm-picker .ppm-filter__clear{display:grid;place-items:center;flex:none;min-height:44px;width:44px;padding:0;margin-right:-10px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.ppm-picker .ppm-toolbar{flex-wrap:wrap;min-height:48px;gap:0 12px;margin:0}.ppm-picker .ppm-count{font-size:11px;font-weight:500;color:var(--ppm-muted)}.ppm-picker a.ppm-picker__all{display:flex;align-items:center;gap:6px;min-height:44px;margin-left:auto;padding:8px 0;border:0;font-size:11px;font-weight:650;color:#c64c0d}.ppm-picker .ppm-swipe,.ppm-picker .ppm-scroll-controls{display:none}.ppm-picker .ppm-load-status{flex:none;margin:0 0 8px;font-size:11px}.ppm-picker .ppm-no-results{margin:20px 0;padding:22px 16px;border-radius:14px;background:rgba(var(--color-foreground),.035);font-size:13px}.ppm-picker .ppm-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-template-rows:none;grid-auto-rows:max-content;gap:12px;padding:2px 0 max(20px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px;scrollbar-width:none}.ppm-picker .ppm-grid::-webkit-scrollbar{display:none}.ppm-picker .ppm-card{padding:0;border:0;border-radius:14px;background:rgba(var(--color-foreground),.035);box-shadow:none;transition:transform .18s,background .18s}.ppm-menu[open] .ppm-picker .ppm-card{animation:none}.ppm-picker .ppm-card:active{transform:scale(.97);background:#e8590c13}.ppm-picker .ppm-card:hover{background:rgba(var(--color-foreground),.05);box-shadow:none}.ppm-picker .ppm-card[aria-current=page]{background:#e8590c14;box-shadow:inset 0 0 0 1px #e8590c80}.ppm-picker .ppm-card__media{height:clamp(88px,27vw,144px);min-height:0;padding:10px;background:#fff}.ppm-picker .ppm-car-image{transform:none;transition:none}.ppm-picker .ppm-card__text{padding:12px;gap:4px}.ppm-picker .ppm-card__text strong{font-size:14px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.ppm-picker .ppm-card__text small{margin:0;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}.ppm-picker .ppm-card__arrow{display:none}.ppm-picker .ppm-card:focus-visible{outline:2px solid #E8590C;outline-offset:-2px}html[data-theme=dark] .ppm-picker .ppm-picker__all{color:#ffa16b}@keyframes ppm-picker-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes ppm-picker-out{to{opacity:0;transform:translate(18px)}}}@media(min-width:600px)and (max-width:989px){.ppm-picker .ppm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ppm-picker__header,.ppm-picker .ppm-models{padding-inline:max(24px,env(safe-area-inset-left))}}@media(prefers-reduced-motion:reduce){.ppm-menu[open]>.ppm-panel,.ppm-menu[open] .ppm-card,.ppm-menu.ppm-closing>.ppm-panel{animation:none}.ppm-menu *,.ppm-menu *:before,.ppm-menu *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/pp-model-menu.css.map */