.listing-hero{border-bottom:1px solid var(--gray-100);background:radial-gradient(ellipse 50% 100% at 100% 0%,color-mix(in srgb,var(--brand-500) 12%,transparent),transparent 70%),linear-gradient(180deg,var(--brand-tint) 0%,var(--white) 100%)}.listing-hero .container{padding-top:24px;padding-bottom:28px}.listing-breadcrumb{color:var(--gray-500);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.listing-breadcrumb a{color:var(--gray-600);transition:color .2s}.listing-breadcrumb a:hover{color:var(--brand-600)}.listing-breadcrumb [aria-current]{color:var(--gray-900);font-weight:600}.listing-hero h1{color:var(--gray-900);font-family:var(--font-serif);margin:16px 0 0;font-size:36px;font-weight:600;line-height:44px}.listing-intro{max-width:720px;color:var(--gray-600);margin:8px 0 0;font-size:16px;line-height:24px}.listing-layout{grid-template-columns:272px minmax(0,1fr);align-items:start;gap:32px;padding-top:28px;display:grid}.filter-panel{border:1px solid var(--gray-200);background:var(--card-bg);border-radius:16px;padding:18px 20px 8px}.filter-panel.is-sticky{position:sticky;top:16px}.filter-panel-head{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.filter-panel-head h2{color:var(--gray-900);margin:0;font-size:16px;font-weight:700}.filter-clear{border:1px solid var(--brand-200);background:var(--brand-50);height:30px;color:var(--brand-700);border-radius:8px;padding:0 12px;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s}.filter-clear:hover{border-color:var(--brand-500);background:var(--brand-100)}.filter-group{border-top:1px solid var(--gray-100);padding:14px 0}.filter-panel-head+.filter-group,.sheet-body .filter-group:first-child{border-top:0}.filter-group-head{width:100%;color:var(--gray-900);text-align:left;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0;font-size:14px;font-weight:700;display:flex}.filter-group-head[aria-expanded=false]{margin-bottom:0}.filter-group-head svg{color:var(--gray-500);transition:transform .2s}.filter-group-head[aria-expanded=true] svg{transform:rotate(180deg)}.filter-options{display:grid}.filter-option{min-height:32px;color:var(--gray-700);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex;position:relative}.filter-option input{opacity:0;width:1px;height:1px;position:absolute}.filter-check{border:1.5px solid var(--gray-300);background:var(--white);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;transition:border-color .2s,background-color .2s;display:grid}.filter-option:hover .filter-check{border-color:var(--brand-500)}.filter-option input:checked+.filter-check{border-color:var(--brand-600);background:var(--brand-600)}.filter-option input:checked+.filter-check:after{content:"";border:solid var(--white);border-width:0 2px 2px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.filter-option input:focus-visible+.filter-check{outline:2px solid var(--brand-600);outline-offset:2px}.filter-option-label{flex:1;min-width:0}.filter-count{color:var(--gray-500);font-size:13px}.filter-price{align-items:center;gap:8px;display:flex}.filter-price input{border:1px solid var(--gray-200);background:var(--card-bg);width:100%;min-width:0;height:40px;color:var(--gray-900);border-radius:10px;padding:0 12px;font-size:14px}.filter-price input::placeholder,.filter-price span{color:var(--gray-400)}.filter-price-range{color:var(--gray-500);margin:8px 0 0;font-size:13px}.listing-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.listing-count{color:var(--gray-600);margin:0;font-size:15px}.listing-count b{color:var(--gray-900)}.listing-mobile-count,.listing-mobile-bar{display:none}.sort-menu{position:relative}.sort-trigger{border:1px solid var(--gray-200);background:var(--card-bg);height:40px;color:var(--gray-900);border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.sort-trigger-label{color:var(--gray-500)}.sort-trigger b{font-weight:600}.sort-list{z-index:30;border:1px solid var(--gray-200);background:var(--card-bg);min-width:220px;box-shadow:0 16px 40px color-mix(in srgb,var(--gray-900) 14%,transparent);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.sort-list button{width:100%;height:36px;color:var(--gray-700);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:14px;display:flex}.sort-list button:hover{background:var(--gray-50)}.sort-list [aria-selected=true]{color:var(--brand-700);font-weight:600}.listing-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.listing-chips button{border:1px solid var(--brand-200);background:var(--brand-50);height:30px;color:var(--brand-700);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.listing-empty{border:1px solid var(--gray-200);background:var(--card-bg);text-align:center;border-radius:16px;grid-column:1/-1;justify-items:center;gap:14px;padding:40px 16px;display:grid}.listing-empty p{color:var(--gray-600);margin:0;font-size:15px}.listing-extras{background:linear-gradient(180deg,var(--brand-50) 0%,var(--white) 100%);margin-top:72px}.guide-block{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;padding-top:56px;display:grid}.guide-intro p{color:var(--gray-600);margin:8px 0 0;font-size:16px;line-height:24px}.guide-box{border:1px solid var(--brand-100);background:var(--white);color:var(--gray-600);border-radius:16px;padding:28px 28px 0;font-size:16px;line-height:26px;position:relative;overflow:hidden}.guide-box:not(.is-expanded){max-height:520px}.guide-box.is-collapsible:not(.is-expanded):after{content:"";background:linear-gradient(180deg,transparent,var(--white));pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.guide-box h2{color:var(--gray-900);margin:0 0 8px;font-size:20px;font-weight:700;line-height:28px}.guide-box h3{color:var(--gray-900);margin:0 0 8px;font-size:18px;font-weight:700;line-height:26px}.guide-box>*+h2,.guide-box>*+h3{margin-top:18px}.guide-box p{margin:0 0 10px}.guide-box ul,.guide-box ol{margin:0 0 10px;padding-left:20px}.guide-box ul{list-style:outside}.guide-box ol{list-style:decimal}.guide-box li+li{margin-top:4px}.guide-box a{color:var(--brand-600);text-decoration:underline}.guide-box strong{color:var(--gray-700);font-weight:700}.guide-toggle{margin:16px auto 0;display:flex}:root[data-theme=dark] .listing-hero{border-bottom-color:var(--border-color);background:var(--surface)}:root[data-theme=dark] .listing-hero h1,:root[data-theme=dark] .listing-breadcrumb [aria-current],:root[data-theme=dark] .filter-panel-head h2,:root[data-theme=dark] .filter-group-head,:root[data-theme=dark] .listing-count b{color:var(--text-primary)}:root[data-theme=dark] .filter-panel,:root[data-theme=dark] .sort-trigger,:root[data-theme=dark] .listing-empty,:root[data-theme=dark] .guide-box{border-color:var(--border-color)}:root[data-theme=dark] .listing-extras{background:var(--surface)}:root[data-theme=dark] .guide-box{background:var(--card-bg)}:root[data-theme=dark] .guide-box.is-collapsible:not(.is-expanded):after{background:linear-gradient(180deg,transparent,var(--card-bg))}@media (max-width:1279px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.filter-panel,.listing-toolbar{display:none}.listing-layout{grid-template-columns:minmax(0,1fr);padding-top:16px}.listing-mobile-count{margin-bottom:10px;display:block}.listing-mobile-count .listing-count{font-size:14px}.listing-mobile-bar{z-index:3;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-200);background:var(--header-bg);grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;display:grid;position:sticky;top:0}.listing-mobile-bar button{border:1px solid var(--gray-200);background:var(--card-bg);height:44px;color:var(--gray-900);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.listing-mobile-bar button:last-child{gap:6px}}@media (max-width:760px){.listing-hero{background:radial-gradient(ellipse 80% 100% at 100% 0%,color-mix(in srgb,var(--brand-500) 12%,transparent),transparent 70%),linear-gradient(180deg,var(--brand-tint) 0%,var(--white) 100%)}.listing-hero .container{padding-top:14px;padding-bottom:16px}.listing-breadcrumb{gap:6px;font-size:13px}.listing-hero h1{margin-top:12px;font-size:28px;line-height:34px}.listing-intro{margin-top:6px;font-size:15px;line-height:22px}.listing-layout{padding-top:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listing-extras{margin-top:36px}.guide-block{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:32px}.guide-intro p{font-size:15px;line-height:22px}.guide-box{border-radius:14px;padding:18px 16px 0;font-size:15px;line-height:24px}.guide-box:not(.is-expanded){max-height:420px}.guide-box h2{font-size:19px;line-height:26px}.guide-box h3{font-size:17px;line-height:24px}.guide-toggle{margin-top:14px}}