.machines-page{min-height:100vh;background:var(--color-bg-primary)}.machines-hero{background:linear-gradient(135deg,#0c0806,#1a1512);padding:var(--space-3xl) var(--space-lg);text-align:center}.machines-hero__content{max-width:800px;margin:0 auto}.machines-hero__badge{display:inline-block;background:var(--gradient-brand);color:white;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-md);border-radius:50px;margin-bottom:var(--space-lg)}.machines-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;color:white;margin:0 0 var(--space-lg) 0}.machines-hero__subtitle{font-size:var(--text-lg);color:#a3a3a3;line-height:1.7;margin:0}.machines-brands{background:var(--color-bg-secondary);padding:var(--space-2xl) var(--space-lg);border-bottom:1px solid var(--color-border)}.machines-brands__header{text-align:center;margin-bottom:var(--space-xl)}.machines-brands__header h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.machines-brands__header p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.machines-brands__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);max-width:900px;margin:0 auto}.brand-chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.brand-chip:hover{border-color:var(--color-flash);background:var(--color-bg-hover)}.brand-chip.active{background:var(--gradient-brand);border-color:transparent}.brand-chip.active .brand-chip__count,.brand-chip.active .brand-chip__name{color:white}.brand-chip__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.brand-chip__count{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-hover);padding:2px 8px;border-radius:var(--radius-full)}.brand-chip.active .brand-chip__count{background:rgba(255,255,255,.2)}.machines-trust{display:flex;justify-content:center;gap:var(--space-2xl);padding:var(--space-lg) var(--space-md);background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.machines-trust .trust-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.machines-trust .trust-item svg{color:var(--color-flash);flex-shrink:0}.machines-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl);position:sticky;top:0;z-index:50}.machines-header__content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--space-xl)}.machines-header__title{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.machines-header__title svg{color:var(--color-flash)}.machines-header__title h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.machines-header__title p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.machines-search{flex:1;max-width:500px;display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.machines-search:focus-within{border-color:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.15)}.machines-search svg{color:var(--color-text-muted);flex-shrink:0}.machines-search:focus-within svg{color:var(--color-flash)}.machines-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-base);color:var(--color-text-primary)}.machines-search__input::placeholder{color:var(--color-text-muted)}.machines-search__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.machines-search__clear:hover{background:var(--color-flash);color:white}.machines-filter-toggle{display:none;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.machines-layout{max-width:1400px;margin:0 auto;display:flex;gap:var(--space-xl);padding:var(--space-xl)}.machines-sidebar{width:260px;flex-shrink:0;background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);height:fit-content;position:sticky;top:100px}.machines-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.machines-sidebar__header h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0}.machines-clear-btn{font-size:var(--text-xs);color:var(--color-flash);background:none;border:none;cursor:pointer;font-weight:500}.machines-clear-btn:hover{text-decoration:underline}.filter-group{margin-bottom:var(--space-md)}.filter-group label{display:block;font-weight:500;margin-bottom:var(--space-xs)}.filter-group label,.filter-group select{font-size:var(--text-sm);color:var(--color-text-primary)}.filter-group select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--color-flash);box-shadow:0 0 0 3px rgba(255,107,0,.15)}.machines-sidebar__close{display:none}.machines-main{flex:1;min-width:0}.machines-results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.machines-results-bar span{font-size:var(--text-sm);color:var(--color-text-primary)}.machines-clear-link{font-size:var(--text-sm);color:var(--color-flash);background:none;border:none;cursor:pointer;font-weight:500}.machines-clear-link:hover{text-decoration:underline}.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.machine-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;position:relative;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .3s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),box-shadow .3s var(--ease-smooth,cubic-bezier(.4,0,.2,1)),border-color .2s ease}.machine-card:hover{border-color:var(--color-flash);transform:translateY(-4px) translateZ(0);box-shadow:0 4px 8px rgba(255,107,0,.1),0 8px 16px rgba(255,107,0,.08),0 16px 32px rgba(0,0,0,.06)}.machine-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(135deg,transparent 0,var(--color-flash) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.machine-card:hover:before{opacity:.5}.machine-card:active{transform:translateY(-2px) scale(.98);transition-duration:.1s}.machine-card__image{aspect-ratio:4/3;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--color-border);position:relative}.machine-card__image img{width:100%;height:100%;object-fit:contain;padding:var(--space-sm);transform:scale(1);transition:transform .5s var(--ease-out-expo,cubic-bezier(.16,1,.3,1))}.machine-card:hover .machine-card__image img{transform:scale(1.08)}.machine-card__image .placeholder-icon{color:var(--color-text-muted)}.machine-card__info{padding:var(--space-sm);display:flex;flex-direction:column;flex:1}.machine-card__brand{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-family:var(--font-mono)}.machine-card__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.machine-card__type{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.machine-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.machine-card__count{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-amber);font-weight:600}.machine-card__count svg{flex-shrink:0}.machine-card--skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-hover) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;margin-bottom:var(--space-xs)}.skeleton--short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.machines-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.machines-empty svg{margin:0 auto var(--space-md);color:var(--color-text-muted)}.machines-empty h3{margin-bottom:var(--space-sm);font-size:var(--text-lg);color:var(--color-text-secondary)}.machines-empty p{font-size:var(--text-base);margin:0 0 var(--space-lg) 0}.machines-empty button{padding:var(--space-sm) var(--space-lg);background:var(--color-flash);color:white;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.machines-empty button:hover{background:var(--color-earth)}.machines-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.pagination-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-flash);border:none;border-radius:var(--radius-sm);color:white;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){background:var(--color-earth)}.pagination-btn:disabled{background:var(--color-bg-card);color:var(--color-text-muted);cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (max-width:1024px){.machines-hero{padding:var(--space-2xl) var(--space-lg)}.machines-trust{gap:var(--space-lg)}.machines-layout{padding:var(--space-lg)}.machines-sidebar{width:220px}.machines-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.machines-hero{padding:var(--space-xl) var(--space-md)}.machines-hero__title{font-size:1.75rem}.machines-hero__subtitle{font-size:var(--text-base)}.machines-brands{padding:var(--space-xl) var(--space-md)}.machines-brands__grid{gap:var(--space-xs)}.brand-chip{padding:var(--space-xs) var(--space-sm)}.brand-chip__name{font-size:var(--text-xs)}.brand-chip__count{font-size:10px;padding:1px 6px}.machines-trust{flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}.machines-trust .trust-item{font-size:var(--text-xs)}.machines-header__content{flex-wrap:wrap;gap:var(--space-md)}.machines-header__title{width:100%}.machines-search{flex:1;max-width:none}.machines-filter-toggle{display:flex}.machines-layout{flex-direction:column;padding:var(--space-md)}.machines-sidebar{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:100;border-radius:0;overflow-y:auto}.machines-sidebar.open{display:block}.machines-sidebar__close{display:block;width:100%;padding:var(--space-md);background:var(--color-flash);color:white;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;margin-top:var(--space-lg)}.machines-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.machine-card__info{padding:var(--space-sm)}.machines-pagination{gap:var(--space-sm)}.pagination-btn span{display:none}}@media (max-width:480px){.machines-grid{grid-template-columns:repeat(2,1fr)}.machine-card__image{aspect-ratio:1}}