.pkg-page{max-width:var(--max-w);margin-inline:auto;padding-inline:16px;padding-block:32px 48px;display:grid;grid-template-columns:1fr;gap:0;position:relative}.pkg-sidebar,.pkg-backdrop,.pkg-mob-btn,.pkg-chips,.pkg-count{display:none!important}@media(min-width:600px){.pkg-page{padding-inline:24px}}.pkg-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);background:var(--md-sys-color-surface);z-index:600;transform:translate(-105%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;border-right:1px solid var(--md-sys-color-outline-variant)}.pkg-sidebar.open{transform:translate(0)}@media(min-width:860px){.pkg-sidebar{position:sticky;top:100px;transform:none!important;width:auto;max-height:calc(100vh - 120px);overflow-y:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-corner-xl);padding:20px}}.pkg-sidebar__hd{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.pkg-sidebar__title{flex:1;color:var(--md-sys-color-on-surface)}.pkg-clear-btn{background:none;border:none;cursor:pointer;font:500 13px/20px var(--md-font);color:var(--md-sys-color-primary);padding:4px 8px;border-radius:var(--md-shape-corner-full);transition:background .2s}.pkg-clear-btn:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.pkg-sidebar__close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;color:var(--md-sys-color-on-surface-variant);transition:background .2s}.pkg-sidebar__close:hover{background:var(--md-sys-color-surface-variant)}.pkg-sidebar__close .material-symbols-rounded{font-size:20px}@media(min-width:860px){.pkg-sidebar__close{display:none}}.pkg-backdrop{position:fixed;inset:0;background:#0000006b;z-index:599;opacity:0;pointer-events:none;transition:opacity .32s}.pkg-backdrop.visible{opacity:1;pointer-events:auto}.fsec{border-bottom:1px solid var(--md-sys-color-outline-variant)}.fsec:last-child{border-bottom:none}.fsec__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:14px 0;font:600 14px/20px var(--md-font);color:var(--md-sys-color-on-surface);text-align:left}.fsec__icon{font-size:18px;color:var(--md-sys-color-on-surface-variant);transition:transform .2s}.fsec.collapsed .fsec__icon{transform:rotate(180deg)}.fsec__body{padding-bottom:12px;display:flex;flex-direction:column;gap:2px}.fsec.collapsed .fsec__body{display:none}.fcheck{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:var(--md-shape-corner-sm);cursor:pointer;transition:background .15s}.fcheck:hover{background:var(--md-sys-color-surface-variant)}.fcheck input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--md-sys-color-primary);cursor:pointer}.fcheck__label{flex:1;font:400 13px/20px var(--md-font);color:var(--md-sys-color-on-surface)}.fcount{font:500 12px/16px var(--md-font);color:var(--md-sys-color-on-surface-variant);min-width:20px;text-align:right}.fcheck--extra{display:none}.fcheck--extra.visible{display:flex}.fmore{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:500 13px/20px var(--md-font);color:var(--md-sys-color-primary);padding:6px 4px;margin-top:2px;transition:opacity .15s}.fmore:hover{opacity:.75}.fmore .material-symbols-rounded{font-size:16px;transition:transform .2s}.fmore.expanded .material-symbols-rounded{transform:rotate(180deg)}.drange{position:relative;padding-top:14px}.drange__track{position:relative;height:4px;background:var(--md-sys-color-outline-variant);border-radius:2px}.drange__fill{position:absolute;height:100%;background:var(--md-sys-color-primary);border-radius:2px;left:0;right:0}.drange input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;top:7px;left:0;width:100%;height:4px;background:transparent;pointer-events:none;margin:0;padding:0;outline:none}.drange input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--md-sys-color-primary);cursor:pointer;pointer-events:all;border:2.5px solid #fff;box-shadow:0 1px 4px #00000040;transition:transform .15s}.drange input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.drange input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--md-sys-color-primary);cursor:pointer;pointer-events:all;border:2.5px solid #fff;box-shadow:0 1px 4px #00000040}.drange__vals{display:flex;justify-content:space-between;margin-top:10px;font:500 12px/16px var(--md-font);color:var(--md-sys-color-on-surface-variant)}.pkg-main{min-width:0}.pkg-mob-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--md-shape-corner-full);border:1.5px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:500 14px/20px var(--md-font);cursor:pointer;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}.pkg-mob-btn:hover{border-color:var(--md-sys-color-primary)}.pkg-mob-btn .material-symbols-rounded{font-size:20px;color:var(--md-sys-color-primary)}.pkg-mob-badge{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:700 11px/16px var(--md-font);padding:1px 6px;border-radius:var(--md-shape-corner-full);min-width:20px;text-align:center}@media(min-width:860px){.pkg-mob-btn{display:none}}.pkg-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pkg-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 14px;border-radius:var(--md-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);color:var(--md-sys-color-primary);font:500 13px/18px var(--md-font)}.pkg-chip__remove{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:inherit;opacity:.7;padding:0;transition:opacity .15s}.pkg-chip__remove:hover{opacity:1}.pkg-chip__remove .material-symbols-rounded{font-size:15px}.pkg-count{color:var(--md-sys-color-on-surface-variant);margin-bottom:20px}.pkg-dest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:600px){.pkg-dest-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1040px){.pkg-dest-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.pkg-dest-card{background:#fff;border:1.5px solid var(--md-sys-color-primary);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.pkg-dest-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.pkg-dest-card.hidden{display:none}.pkg-dest-card__img-wrap{aspect-ratio:4/3;overflow:hidden}.pkg-dest-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.pkg-dest-card:hover .pkg-dest-card__img{transform:scale(1.06)}.pkg-dest-card__body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.pkg-dest-card__name{font:700 18px/24px var(--md-font);color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.04em;margin:0}.pkg-dest-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.pkg-dest-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--md-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:500 14px/20px var(--md-font);text-decoration:none;transition:opacity .2s;min-height:40px}.pkg-dest-card__btn:hover{opacity:.88}.pkg-btn-icon{font-size:20px;display:none}@media(max-width:599px){.pkg-btn-text{display:none}.pkg-btn-icon{display:block}.pkg-dest-card__btn{width:40px;height:40px;padding:0;border-radius:50%;flex-shrink:0}}.pkg-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.pkg-share-btn:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pkg-share-btn .material-symbols-rounded{font-size:18px}.pkg-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface);padding:10px 20px;border-radius:var(--md-shape-corner-full);font:500 14px/20px var(--md-font);white-space:nowrap;z-index:9999;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.pkg-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.pkg-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center}.pkg-empty .material-symbols-rounded{font-size:48px;color:var(--md-sys-color-outline)}.pkg-empty p{color:var(--md-sys-color-on-surface-variant)}.pkg-empty.hidden{display:none}
