.kf-packages-page{max-width:1440px;margin:0 auto;padding:var(--page-padding-block-start) var(--page-padding-inline) var(--page-padding-block-end)}.kf-packages-page__header{margin-bottom:32px}.kf-packages-page__header-main h1{margin:0 0 8px;font-family:var(--font-heading);font-weight:700;font-size:40px;letter-spacing:-.02em;color:var(--color-text-primary)}.kf-packages-page__header-main p{margin:0;font-family:var(--font-heading);font-size:18px;color:var(--color-text-secondary)}.kf-packages-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--color-bg-surface-2, #ffffff);border:1px solid var(--color-stroke-default, #e2e2e2);border-radius:16px;margin-bottom:32px;box-shadow:0 2px 8px #00000005}.kf-packages-page__toolbar-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kf-packages-page__count-badge{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--color-text-primary)}.kf-packages-page__active-filter-tag{display:inline-flex;align-items:center;padding:4px 10px;background:#fef2f2;color:var(--color-primary-500, #8c3634);border:1px solid rgba(140,54,52,.2);border-radius:999px;font-size:13px;font-weight:600}.kf-packages-page__toolbar-actions{display:flex;align-items:center;gap:12px}.kf-mobile-filter-trigger{display:none;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-surface-2, #ffffff);border:1px solid var(--color-stroke-default, #e2e2e2);border-radius:12px;font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.kf-mobile-filter-trigger:hover{border-color:var(--color-primary-500, #8c3634);color:var(--color-primary-500, #8c3634)}.kf-mobile-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary-500, #8c3634);color:#fff;border-radius:999px;font-size:12px;font-weight:700}.kf-packages-page__sort{display:flex;align-items:center;gap:8px;position:relative;background:var(--color-bg-surface, #f7f7f5);border:1px solid var(--color-stroke-default, #e2e2e2);border-radius:12px;padding:8px 14px}.kf-sort-icon{font-size:18px;color:var(--color-text-secondary)}.kf-sort-select{border:none;background:transparent;font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-text-primary);cursor:pointer;outline:none;padding-right:8px}.kf-packages-page__layout{display:grid;grid-template-columns:310px 1fr;gap:28px;align-items:start}.kf-packages-page__main{min-width:0}.kf-packages-page__sidebar{position:sticky;top:96px;z-index:10}.kf-filter-card{background:var(--color-bg-surface-2, #ffffff);border:1px solid var(--color-stroke-default, #e2e2e2);border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000008}.kf-filter-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-stroke-default, #e2e2e2)}.kf-filter-card__header h3{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-text-primary)}.kf-filter-card__badge{padding:4px 10px;background:#fef2f2;color:var(--color-primary-500, #8c3634);border-radius:999px;font-size:12px;font-weight:700}.kf-filter-controls{display:flex;flex-direction:column;gap:20px}.kf-filter-group{display:flex;flex-direction:column;gap:8px}.kf-filter-group--checkboxes{gap:12px;padding:12px 0;border-top:1px dashed var(--color-stroke-default, #e2e2e2);border-bottom:1px dashed var(--color-stroke-default, #e2e2e2)}.kf-filter-label{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.kf-filter-icon{font-size:16px;color:var(--color-primary-500, #8c3634)}.kf-search-field{position:relative;display:flex;align-items:center}.kf-search-input{width:100%;padding:10px 36px 10px 14px;background:var(--color-bg-surface, #f7f7f5);border:1px solid var(--color-stroke-default, #e2e2e2);border-radius:12px;font-family:var(--font-body);font-size:14px;color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.kf-search-input:focus{border-color:var(--color-primary-500, #8c3634);background:#fff;box-shadow:0 0 0 3px #8c36341a}.kf-search-clear{position:absolute;right:10px;background:none;border:none;font-size:18px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%}.kf-search-clear:hover{color:var(--color-text-primary)}.kf-filter-reset-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:1px dashed var(--color-primary-500, #8c3634);border-radius:12px;color:var(--color-primary-500, #8c3634);font-family:var(--font-heading);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.kf-filter-reset-btn:hover{background:#fef2f2}.kf-packages-page__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kf-packages-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;background:var(--color-bg-surface-2, #ffffff);border:1px dashed var(--color-stroke-default, #e2e2e2);border-radius:24px;max-width:540px;margin:0 auto}.kf-empty-icon{font-size:56px;color:var(--color-text-secondary);margin-bottom:16px;opacity:.6}.kf-packages-page__empty-state h3{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.kf-packages-page__empty-state p{font-family:var(--font-body);font-size:15px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5}.kf-mobile-filter-overlay{position:fixed;inset:0;z-index:999;display:flex;justify-content:flex-end}.kf-mobile-filter-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:kfFadeIn .2s ease}.kf-mobile-filter-drawer{position:relative;width:100%;max-width:380px;height:100%;background:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:-4px 0 24px #00000026;animation:kfSlideLeft .3s ease}.kf-mobile-filter-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-stroke-default, #e2e2e2)}.kf-mobile-filter-header h3{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-heading);font-size:18px;font-weight:700}.kf-mobile-filter-close{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.kf-mobile-filter-body{flex:1;overflow-y:auto;padding:24px}.kf-mobile-filter-footer{padding:16px 24px;border-top:1px solid var(--color-stroke-default, #e2e2e2);background:#fff}@keyframes kfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kfSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1399px){.kf-packages-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.kf-packages-page__layout{grid-template-columns:1fr}.kf-packages-page__sidebar{display:none}.kf-mobile-filter-trigger{display:inline-flex}}@media(max-width:640px){.kf-packages-page{padding:40px var(--page-padding-inline-mobile, 20px) var(--page-padding-block-end-mobile, 64px)}.kf-packages-page__header-main h1{font-size:28px}.kf-packages-page__header-main p{font-size:15px}.kf-packages-page__toolbar{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.kf-packages-page__toolbar-actions{justify-content:space-between;width:100%}.kf-packages-page__sort{flex:1;justify-content:space-between}.kf-packages-page__grid{grid-template-columns:1fr}.kf-mobile-filter-drawer{max-width:100%}}