.hero-filter{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;min-height:200px;contain:layout style paint}.hero-filter.hero-filter--mobile{display:none}.hero-filter .filter-label-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);text-align:center}.hero-filter .filter-forms{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:1rem}.hero-filter .filter-form-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.hero-filter .filter-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.hero-filter .filter-sort{display:flex;gap:var(--space-2) var(--space-4);flex-wrap:wrap}.hero-filter .filter-buttons{display:flex;gap:var(--space-3);align-items:center}.filter-header{display:flex;justify-content:space-between;align-items:flex-start}.filter-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.filter-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.filter-section{margin-bottom:var(--space-8)}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--space-6);letter-spacing:var(--letter-spacing-wider)}.filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.filter-form-wrap{display:flex;gap:var(--space-4);align-items:flex-start}.filter-form-wrap .input,.filter-form-wrap .filter-select{flex:1;width:100%}.filter-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-none);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background:var(--color-background);color:var(--color-text-tertiary);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM5.5 5.5L4.96967 6.03033L5.5 6.56066L6.03033 6.03033L5.5 5.5ZM10.5303 1.53033C10.8232 1.23744 10.8232 0.762563 10.5303 0.46967C10.2374 0.176777 9.76256 0.176777 9.46967 0.46967L10.5303 1.53033ZM0.46967 1.53033L4.96967 6.03033L6.03033 4.96967L1.53033 0.46967L0.46967 1.53033ZM6.03033 6.03033L10.5303 1.53033L9.46967 0.46967L4.96967 4.96967L6.03033 6.03033Z' fill='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:14px;padding-right:calc(var(--space-4) * 3);position:relative}.filter-select:focus,.filter-select.select-focused{border-color:var(--color-primary);background-color:var(--color-background-light);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM5.5 5.5L4.96967 6.03033L5.5 6.56066L6.03033 6.03033L5.5 5.5ZM10.5303 1.53033C10.8232 1.23744 10.8232 0.762563 10.5303 0.46967C10.2374 0.176777 9.76256 0.176777 9.46967 0.46967L10.5303 1.53033ZM0.46967 1.53033L4.96967 6.03033L6.03033 4.96967L1.53033 0.46967L0.46967 1.53033ZM6.03033 6.03033L10.5303 1.53033L9.46967 0.46967L4.96967 4.96967L6.03033 6.03033Z' fill='%23000000' transform='rotate(180 5.5 3.5)'/%3E%3C/svg%3E");transform:none}.filter-select.has-value:focus,.filter-select.has-value.select-focused{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM5.5 5.5L4.96967 6.03033L5.5 6.56066L6.03033 6.03033L5.5 5.5ZM10.5303 1.53033C10.8232 1.23744 10.8232 0.762563 10.5303 0.46967C10.2374 0.176777 9.76256 0.176777 9.46967 0.46967L10.5303 1.53033ZM0.46967 1.53033L4.96967 6.03033L6.03033 4.96967L1.53033 0.46967L0.46967 1.53033ZM6.03033 6.03033L10.5303 1.53033L9.46967 0.46967L4.96967 4.96967L6.03033 6.03033Z' fill='%23000000' transform='rotate(180 5.5 3.5)'/%3E%3C/svg%3E")!important}.filter-select.has-value{color:var(--color-text-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM5.5 5.5L4.96967 6.03033L5.5 6.56066L6.03033 6.03033L5.5 5.5ZM10.5303 1.53033C10.8232 1.23744 10.8232 0.762563 10.5303 0.46967C10.2374 0.176777 9.76256 0.176777 9.46967 0.46967L10.5303 1.53033ZM0.46967 1.53033L4.96967 6.03033L6.03033 4.96967L1.53033 0.46967L0.46967 1.53033ZM6.03033 6.03033L10.5303 1.53033L9.46967 0.46967L4.96967 4.96967L6.03033 6.03033Z' fill='%23000000'/%3E%3C/svg%3E")}.filter-select:hover{background-color:var(--color-background-light)}.filter-select:disabled,.filter-select-model:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-background-light)}.filter-select option{padding:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color .15s ease,color .15s ease}.filter-select option:hover{background-color:var(--color-primary)!important;color:var(--color-background)!important;cursor:pointer}.filter-select option:checked,.filter-select option:focus{background-color:var(--color-primary);color:var(--color-background)}@-moz-document url-prefix(){.filter-select option:hover{background-color:var(--color-primary);color:var(--color-background)}}.filter-sort{display:flex;gap:var(--space-8);align-items:center;justify-content:flex-start;flex-wrap:wrap;border:none;background:transparent}.filter-sort-input{display:flex;align-items:center;gap:var(--space-2)}.filter-sort-radio{position:absolute;opacity:0;pointer-events:none}.filter-sort-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0;border:none;cursor:pointer;transition:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);min-width:auto}.filter-sort-radio:checked+.filter-sort-label{background:transparent;color:var(--color-text-primary)}.filter-sort-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.filter-sort-icon svg{width:100%;height:100%;fill:currentColor}.filter-buttons{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}.filter-footer-text span{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hero-filter .input{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:0}.hero-filter .input input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-none);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background:var(--color-background);color:var(--color-text-primary);transition:none;outline:none}.hero-filter .input input:focus{border-color:var(--color-primary);background:var(--color-background-light)}.hero-filter .input input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}.hero-filter .input-label{position:absolute;top:var(--space-3);left:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);pointer-events:none;background:var(--color-background);padding:0 var(--space-1);transform-origin:left top;transition:var(--transition-base)}.hero-filter .input input:focus+.input-label,.hero-filter .input input:not(:placeholder-shown)+.input-label,.hero-filter .input.active .input-label{top:calc(-1 * var(--space-2));left:var(--space-3);font-size:var(--font-size-xs);color:var(--color-primary);transform:scale(.9)}.hero-filter .input-text{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-none);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background:var(--color-background);color:var(--color-text-primary);transition:var(--transition-base);outline:none}.hero-filter .input-text:focus{border-color:var(--color-primary);background:var(--color-background-light)}.hero-filter .input-text::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}.hero-filter .input-select-active:focus,.hero-filter .input-text:focus,.hero-filter .input input:focus{background-color:var(--color-background-light)!important;transform:none!important;font-size:var(--font-size-base)!important}.filter-toggle-btn{width:100%;padding:var(--space-3);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-toggle-btn svg{width:12px;height:12px;transition:var(--transition-base)}.filter-expanded .filter-toggle-btn svg{transform:rotate(180deg)}@media (max-width: 1200px){.hero-filter .filter-forms{grid-template-columns:repeat(3,1fr)}}@media (hover: hover) and (pointer: fine){.filter-toggle-btn:hover{background:var(--color-primary);color:var(--color-background)}.condition-toggle-input:hover+.toggle-slider{box-shadow:0 0 0 3px #10b9811a}.condition-toggle-input:checked:hover+.toggle-slider{box-shadow:0 0 0 3px #f59e0b1a}}@media (max-width: 996px){.hero-filter .filter-forms{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.filter-form-wrap{flex-direction:column;gap:0}.hero-filter{display:none;padding:var(--space-5)}.hero-filter.hero-filter--mobile{background-color:var(--color-background-light);display:block;transform:translateY(-40px);position:relative;z-index:10}.hero-filter .filter-label-title{font-size:var(--font-size-md);text-align:left;line-height:var(--line-height-tight)}.hero-filter .filter-form-wrap{display:grid;grid-template-columns:1fr;gap:var(--space-2);grid-column:1/3}.hero-filter--mobile .filter-forms .filter-form-wrap:nth-child(n+3){display:none}.hero-filter--mobile.filter-expanded .filter-forms .filter-form-wrap:nth-child(n+3){display:grid}.hero-filter .filter-footer{flex-direction:column;gap:var(--space-4);align-items:stretch}.filter-sort{width:100%}.filter-footer .btn{max-width:none}}@media (max-width: 768px) and (orientation: portrait){.hero-filter .filter-forms{grid-template-columns:1fr 1fr;gap:var(--space-3)}.hero-filter .filter-form-wrap{grid-column:span 2}.hero-filter .filter-form-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}}