:root{--primary: hsl(355, 80%, 50%);--primary-hover: hsl(355, 80%, 43%);--primary-glow: rgba(226, 28, 52, .4);--bg-dark: #0f1013;--panel-bg: rgba(16, 17, 22, .65);--panel-bg-hover: rgba(24, 26, 33, .75);--panel-border: rgba(255, 255, 255, .08);--panel-border-hover: rgba(255, 255, 255, .18);--input-bg: rgba(0, 0, 0, .4);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(226, 28, 52, .3);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dark: #1f2937;--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(226, 28, 52, .15);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-lg: 12px;--border-radius-md: 8px;--border-radius-sm: 4px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}body{background-image:url(https://pdm.shrt.day/assets/background-DkM-DIul.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0f101373,#0f1013d9 80%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;pointer-events:none}.app-container{max-width:1600px;margin:0 auto;padding:40px 24px 60px;min-height:100vh;display:flex;flex-direction:column;gap:32px}.pdm-footer{position:fixed;bottom:0;left:0;width:100%;background:#0a0b0ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.05);padding:8px 24px;display:flex;justify-content:center;align-items:center;z-index:100;box-shadow:0 -5px 20px #00000080}.pdm-footer p{font-family:var(--font-title);font-size:.75rem;font-weight:500;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.red-heart{color:#ff334b;text-shadow:0 0 10px rgba(255,51,75,.6);display:inline-block;font-size:.85rem;animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f1013cc}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.pdm-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.brand-container{display:flex;align-items:center;gap:16px}.pdm-logo{height:64px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,255,255,.15));transition:var(--transition-smooth)}.pdm-logo:hover{transform:scale(1.03)}.stats-bar{display:flex;gap:16px;flex-wrap:wrap}.stat-item{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:4px;min-width:140px;box-shadow:var(--shadow-lg);transition:var(--transition-smooth)}.stat-item:hover{border-color:var(--panel-border-hover);transform:translateY(-2px)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value{font-family:var(--font-title);font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2)}#stat-expensive{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.filters-section{position:relative;z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-lg)}.filters-row-main{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filters-row-sub{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid rgba(255,255,255,.05);padding-top:16px}.custom-select{position:relative;min-width:190px;flex-grow:1}.select-btn{width:100%;background:var(--input-bg);border:1px solid var(--input-border);padding:12px 16px;border-radius:var(--border-radius-md);color:var(--text-main);font-family:var(--font-body);font-size:.9rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-smooth)}.select-btn:hover,.select-btn:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}.chevron-icon{width:20px;height:20px;fill:var(--text-muted);transition:var(--transition-smooth)}.custom-select.active .chevron-icon{transform:rotate(180deg);fill:var(--primary)}.options-list{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:240px;overflow-y:auto;background:#14151a;border:1px solid var(--panel-border-hover);border-radius:var(--border-radius-md);z-index:50;list-style:none;box-shadow:0 10px 25px #0009;opacity:0;transform:translateY(-8px);pointer-events:none;transition:var(--transition-smooth)}.custom-select.active .options-list{opacity:1;transform:translateY(0);pointer-events:auto}.option-item{padding:10px 16px;font-size:.85rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth)}.option-item:hover{background:#ffffff0d;color:#fff}.option-item.active{background:var(--primary);color:#fff;font-weight:500}.price-filter-container{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-md);padding:0 16px;height:46px;min-width:160px;flex-grow:.5;transition:var(--transition-smooth)}.price-filter-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}.price-prefix{font-size:.9rem;color:var(--text-muted);margin-right:8px;-webkit-user-select:none;user-select:none}#price-input{background:transparent;border:none;color:var(--text-main);font-family:var(--font-body);font-size:.9rem;font-weight:500;width:100%;outline:none}.search-container{position:relative;flex-grow:2;min-width:250px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:var(--text-muted);pointer-events:none;transition:var(--transition-smooth)}#search-input{width:100%;height:46px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-md);padding:12px 16px 12px 48px;color:var(--text-main);font-family:var(--font-body);font-size:.9rem;outline:none;transition:var(--transition-smooth)}#search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus)}#search-input:focus+.search-icon{fill:var(--primary)}.pdm-btn{background:var(--primary);color:#fff;border:none;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:12px 20px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth);box-shadow:0 4px 12px #e21c3433}.pdm-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #e21c3459}.pdm-btn:active{transform:translateY(0)}.pdm-btn.btn-secondary{background:#ffffff0f;color:var(--text-main);border:1px solid rgba(255,255,255,.08);box-shadow:none}.pdm-btn.btn-secondary:hover{background:#ffffff1f;border-color:var(--primary)}.btn-icon{width:18px;height:18px;fill:currentColor}.layout-toggles{display:flex;background:var(--input-bg);border:1px solid var(--input-border);padding:4px;border-radius:var(--border-radius-md)}.layout-btn{background:transparent;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth)}.layout-btn svg{width:18px;height:18px;fill:var(--text-muted)}.layout-btn.active{background:var(--primary)}.layout-btn.active svg{fill:#fff}.layout-btn:hover:not(.active){background:#ffffff0d}.sort-controls{display:flex;align-items:center;gap:12px}.sort-label{font-size:.85rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.select-sort{min-width:100px;flex-grow:0}.select-sort-order{min-width:80px;flex-grow:0}.select-sort .select-btn,.select-sort-order .select-btn{padding:8px 12px;height:38px;font-size:.85rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;min-height:400px;align-content:start}.catalog-grid.list-view{grid-template-columns:1fr;gap:16px}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loader{border:3px solid rgba(255,255,255,.05);border-top:3px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;box-shadow:0 0 10px var(--primary-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state svg{width:64px;height:64px;fill:var(--text-muted)}.empty-state h3{font-family:var(--font-title);font-size:1.5rem;font-weight:600}.vehicle-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);cursor:pointer;position:relative;transition:var(--transition-smooth)}.vehicle-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(226,28,52,.1) 0%,transparent 100%);opacity:0;transition:var(--transition-smooth);z-index:0}.vehicle-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-glow),var(--shadow-lg)}.vehicle-card:hover:before{opacity:1}.card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.card-title-group{display:flex;flex-direction:column;gap:2px}.vehicle-name{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em}.vehicle-brand{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.vehicle-model-badge{font-family:monospace;font-size:.75rem;background:#ffffff0d;color:var(--text-muted);padding:4px 8px;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.05);transition:var(--transition-smooth)}.vehicle-card:hover .vehicle-model-badge{background:var(--primary);color:#fff;border-color:var(--primary)}.card-image-box{width:calc(100% - 32px);margin:16px 16px 0;height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.05)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.vehicle-card:hover .card-image{transform:scale(1.08) translateY(-1px)}.shimmer{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:skew(-25deg);pointer-events:none}.vehicle-card:hover .shimmer{animation:shine 1.2s ease-in-out}@keyframes shine{to{left:200%}}.brand-image-badge{position:absolute;top:10px;right:15px;background:#0009;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:800;font-size:.75rem;color:var(--primary);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000080;pointer-events:none}.blacklist-badge{position:absolute;top:10px;left:10px;font-size:.62rem;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:var(--border-radius-sm);z-index:5;letter-spacing:.05em;pointer-events:none;box-shadow:0 4px 10px #0006}.blacklist-badge.legendary{background:#e21c34d9;border:1px solid var(--primary);color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5);box-shadow:0 0 10px #e21c344d}.blacklist-badge.limited{background:#f39c12d9;border:1px solid rgb(243,156,18);color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5);box-shadow:0 0 10px #f39c124d}.card-details{padding:16px 20px;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);z-index:1;display:flex;flex-direction:column;gap:12px}.card-desc-text{font-size:.8rem;color:var(--text-muted);line-height:1.4;font-style:italic}.card-desc-text strong{color:#fff;font-style:normal}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-price-group{display:flex;flex-direction:column}.price-lbl{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.card-price{font-family:var(--font-title);font-size:1.2rem;font-weight:800;color:#fff}.vehicle-card:hover .card-price{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.card-icon-row{display:flex;gap:8px}.card-icon-tag{width:26px;height:26px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.card-icon-tag svg{width:14px;height:14px;fill:currentColor}.vehicle-card:hover .card-icon-tag{border-color:var(--primary);color:var(--primary);background:#e21c340d}.catalog-grid.list-view .vehicle-card{flex-direction:row;height:120px;align-items:center;padding:0 24px}.catalog-grid.list-view .card-image-box{order:1;width:180px;height:104px;flex-shrink:0;background:#00000040;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.03);margin:0;overflow:hidden}.catalog-grid.list-view .card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.catalog-grid.list-view .card-header{order:2;padding:0 24px;width:200px;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:4px}.catalog-grid.list-view .card-title-group{display:flex;flex-direction:column;gap:2px}.catalog-grid.list-view .vehicle-model-badge{align-self:flex-start}.catalog-grid.list-view .card-details{order:3;padding:0;border-top:none;flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin:0}.catalog-grid.list-view .card-desc-text{max-width:320px;font-size:.85rem;line-height:1.4;color:var(--text-muted)}.catalog-grid.list-view .card-footer{width:auto;display:flex;align-items:center;gap:24px}.catalog-grid.list-view .card-price-group{text-align:right}.catalog-grid.list-view .brand-image-badge{display:none}@media (max-width: 900px){.catalog-grid.list-view .vehicle-card{flex-direction:column;height:auto;padding:0}.catalog-grid.list-view .card-header,.catalog-grid.list-view .card-image-box,.catalog-grid.list-view .card-details,.catalog-grid.list-view .card-footer{width:100%;max-width:none;order:unset}.catalog-grid.list-view .card-image-box{height:180px;border-radius:0;border:none}.catalog-grid.list-view .card-header{padding:16px 20px}.catalog-grid.list-view .card-details{padding:16px 20px;border-top:1px solid rgba(255,255,255,.05);flex-direction:column;align-items:flex-start;gap:12px}.catalog-grid.list-view .card-desc-text{max-width:100%}.catalog-grid.list-view .card-footer{width:100%;justify-content:space-between}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#050508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-container{background:#111216;border:1px solid var(--panel-border-hover);max-width:1000px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #000c,0 0 40px #e21c341a;position:relative;transform:translateY(30px) scale(.97);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.modal-backdrop.active .modal-container{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);width:38px;height:38px;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:10}.modal-close svg{width:20px;height:20px;fill:currentColor}.modal-close:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1.1fr 1fr}@media (max-width: 820px){.modal-content{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}}.modal-preview-panel{background:linear-gradient(180deg,#181a20,#0e0f12);padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.05);position:relative}.modal-brand-badge{font-family:var(--font-title);font-size:2rem;font-weight:800;text-transform:uppercase;color:#ffffff08;position:absolute;top:30px;left:40px;pointer-events:none;letter-spacing:.1em}.modal-img-container{width:100%;height:240px;display:flex;align-items:center;justify-content:center;position:relative;margin:20px 0}.modal-vehicle-image{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.7));transition:filter .05s ease-out}.reflection-glow{position:absolute;bottom:10%;left:10%;width:80%;height:15px;background:radial-gradient(ellipse,var(--primary-glow) 0%,transparent 70%);filter:blur(10px);pointer-events:none}.modal-info-panel{padding:40px;display:flex;flex-direction:column;gap:24px}.modal-header-main{display:flex;flex-direction:column;gap:4px}.modal-header-main h2{font-family:var(--font-title);font-size:2.25rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em}.modal-model-badge{font-family:monospace;font-size:.85rem;background:var(--primary);color:#fff;padding:4px 10px;border-radius:var(--border-radius-sm);align-self:flex-start;font-weight:600}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:12px 16px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:4px}.spec-lbl{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.spec-val{font-family:var(--font-title);font-size:1rem;font-weight:600;color:#fff}.price-deal-card{background:linear-gradient(135deg,#e21c3426,#11121666);border:1px solid var(--primary-glow);padding:20px 24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:4px}.price-title{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.price-amount{font-family:var(--font-title);font-size:2.25rem;font-weight:800;color:#fff;text-shadow:0 0 15px var(--primary-glow)}.modal-description-box{font-size:.85rem;line-height:1.6;color:var(--text-muted)}@media (max-width: 1024px){.pdm-header{flex-direction:column;align-items:stretch}.stats-bar{justify-content:space-between}.stat-item{flex-grow:1}}@media (max-width: 768px){.filters-row-main{flex-direction:column;align-items:stretch}.custom-select,.price-filter-container,.search-container{width:100%;min-width:0}.price-filter-container{flex-grow:1}.filters-row-sub{flex-direction:column;align-items:stretch;gap:16px}.sort-controls{justify-content:space-between}.select-sort,.select-sort-order{flex-grow:1}.layout-toggles{display:none}.pdm-header{align-items:center}}