.packs-page{min-height:100%}.packs-hero{padding:40px 32px 36px;text-align:center;background:linear-gradient(165deg,var(--ir-bg-warm) 0,#ffffff 45%,var(--ir-bg-subtle) 100%);border-bottom:1px solid var(--ir-border-light)}.packs-hero .packs-hero-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--ir-primary);background:var(--ir-primary-lighter);padding:6px 14px;border-radius:999px;letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase;border:1px solid rgba(8,145,178,.2)}.packs-hero .packs-hero-title{font-size:clamp(1.75rem,4.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--ir-text);margin:0 0 12px}.packs-hero .packs-hero-subtitle{font-size:clamp(.9375rem,2vw,1.0625rem);color:var(--ir-text-secondary);line-height:1.5;max-width:560px;margin:0 auto}@media(max-width:768px){.packs-hero{padding:32px 24px 28px}.packs-hero .packs-hero-badge{margin-bottom:12px;font-size:.7rem;padding:5px 12px}}@media(max-width:480px){.packs-hero{padding:28px 16px 24px}}.packs-content{max-width:1200px;margin:0 auto;padding:32px 40px 60px}@media(max-width:768px){.packs-content{padding:24px 24px 48px}}@media(max-width:480px){.packs-content{padding:20px 16px 40px}}.packs-filter{margin-bottom:32px}.packs-filter-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.packs-filter-search{width:100%;max-width:480px}.packs-category-pills{display:flex;flex-wrap:wrap;gap:8px}.packs-category-pill{padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:var(--ir-radius);border:1px solid var(--ir-border);background:var(--ir-bg-card);color:var(--ir-text-secondary);cursor:pointer;transition:all var(--ir-transition)}.packs-category-pill:hover{border-color:var(--ir-primary);color:var(--ir-primary);background:var(--ir-primary-lighter)}.packs-category-pill--active{border-color:var(--ir-primary);background:var(--ir-primary-light);color:var(--ir-primary);font-weight:600}.packs-results-count{font-size:.9375rem;color:var(--ir-text-muted);margin-bottom:24px}.packs-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.packs-collection-card{display:block;text-decoration:none;color:inherit;background:var(--ir-bg-card);border:1px solid var(--ir-border-light);border-radius:var(--ir-radius-lg);padding:20px;transition:all var(--ir-transition);height:100%;position:relative;overflow:hidden}.packs-collection-card:hover{border-color:var(--ir-primary);box-shadow:var(--ir-shadow-lg),0 0 0 1px rgba(8,145,178,.08);transform:translateY(-2px)}.packs-collection-card:hover .packs-collection-overlay{opacity:1}.packs-collection-header{margin-bottom:12px}.packs-collection-name{font-size:1.0625rem;font-weight:600;color:var(--ir-text);margin:0 0 4px}.packs-collection-count{font-size:.8125rem;color:var(--ir-text-muted)}.packs-sample-icons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:16px}.packs-sample-icon{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--ir-bg-subtle);border-radius:8px}.packs-sample-icon img{width:24px;height:24px;object-fit:contain}.packs-collection-overlay{position:absolute;inset:0;background:rgba(8,145,178,.04);opacity:0;transition:opacity var(--ir-transition);display:flex;align-items:center;justify-content:center}.packs-overlay-btn{padding:10px 20px;font-size:.875rem;font-weight:600;color:var(--ir-primary);background:var(--ir-bg-card);border:1px solid var(--ir-primary);border-radius:var(--ir-radius);box-shadow:var(--ir-shadow);transition:opacity var(--ir-transition)}.packs-no-results{text-align:center;padding:48px 24px}.packs-no-results h3{font-size:1.125rem;font-weight:600;color:var(--ir-text);margin:0 0 8px}.packs-no-results p{font-size:.9375rem;color:var(--ir-text-secondary);margin:0 0 20px}.packs-content .icons-stats-box{margin-top:48px}@media(max-width:600px){.packs-collections-grid{grid-template-columns:1fr;gap:16px}.packs-collection-card{padding:16px}.packs-sample-icons{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.packs-sample-icon img{width:20px;height:20px}}