.bf-collections{--c-brand:#1e293b;--c-on-brand:#fff;--c-accent:#f59e0b;--c-on-accent:#1e293b;--c-accent-soft:#fef3e2;--c-bg:#f8fafc;--c-surface:#fff;--c-muted:#f1f5f9;--c-fg:#0f172a;--c-fg2:#64748b;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-success:#16a34a;--c-error:#dc2626;--shadow-sm:0 1px 2px 0 rgba(15,23,42,.06);--shadow:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -2px rgba(15,23,42,.06);--shadow-lg:0 20px 35px -12px rgba(15,23,42,.22);--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:18px;--r-pill:999px;--font:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,monospace;--t-xs:12px;--t-sm:13px;--t-lg:18px;--t-xl:22px;--t-2xl:30px;--t-3xl:clamp(32px,4vw,42px);--u:8px;--ctl-h:40px;--card-pad:20px;--gap:14px;--fs:14.5px;font-family:var(--font);font-size:var(--fs);color:var(--c-fg);min-height:60vh}.collections-breadcrumb{display:flex;align-items:center;gap:8px;padding:16px clamp(16px,4vw,40px);font-size:var(--t-sm);color:var(--c-fg2);max-width:1400px;margin:0 auto}.collections-breadcrumb a{color:var(--c-fg2);text-decoration:none;transition:color .15s}.collections-breadcrumb a:hover{color:var(--c-fg)}.collections-breadcrumb svg{opacity:.5}.collections-breadcrumb span{color:var(--c-fg);font-weight:600}.dark .bf-collections{--c-brand:#f8fafc;--c-on-brand:#0f172a;--c-accent:#fbbf24;--c-on-accent:#1e293b;--c-accent-soft:#3a2f17;--c-bg:#0f172a;--c-surface:#1e293b;--c-muted:#334155;--c-fg:#f8fafc;--c-fg2:#94a3b8;--c-border:#334155;--c-border-strong:#475569;--shadow-lg:0 24px 40px -12px rgba(0,0,0,.65)}[data-density=compact] .bf-collections{--u:6px;--ctl-h:34px;--card-pad:14px;--gap:10px;--fs:13.5px}[data-density=spacious] .bf-collections{--u:11px;--ctl-h:48px;--card-pad:28px;--gap:20px;--fs:15.5px}.bf-collections *{box-sizing:border-box}.bf-collections h1,.bf-collections h2,.bf-collections h3{line-height:1.13;letter-spacing:-.02em;color:var(--c-fg);font-weight:700;margin:0}.collections-hero{background:var(--c-brand);color:var(--c-on-brand);padding:clamp(48px,8vw,96px) clamp(16px,4vw,48px);position:relative;overflow:hidden}.collections-hero:before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(color-mix(in srgb,var(--c-on-brand) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--c-on-brand) 6%,transparent) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(100% 100% at 80% 0,#000,transparent 70%)}.collections-hero-inner{position:relative;max-width:1400px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin-bottom:16px}.eyebrow-line{display:inline-block;width:24px;height:1.5px;background:var(--c-accent)}.collections-hero h1{font-size:var(--t-3xl);color:var(--c-on-brand);margin-bottom:16px}.hero-subtitle{color:color-mix(in srgb,var(--c-on-brand) 75%,transparent);font-size:var(--t-lg);line-height:1.6;max-width:560px;margin:0}.collections-content{padding:calc(var(--u)*4) clamp(16px,4vw,48px) clamp(48px,6vw,80px);max-width:1400px;margin:0 auto}.collections-stats{margin-bottom:calc(var(--u)*3)}.stat-count{font-size:var(--t-sm);font-weight:600;color:var(--c-fg2);text-transform:uppercase;letter-spacing:.05em}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:calc(var(--u) * 3)}.collection-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .25s,box-shadow .25s,transform .25s}.collection-card:hover{border-color:var(--c-accent);box-shadow:0 16px 32px -8px color-mix(in srgb,var(--c-brand) 15%,transparent);transform:translateY(-4px)}.collection-card-image{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--c-muted)}.collection-img{object-fit:cover;transition:transform .4s ease}.collection-card:hover .collection-img{transform:scale(1.05)}.collection-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.collection-card:hover .collection-placeholder{transform:scale(1.05)}.collection-placeholder span{font-size:64px;font-weight:800;color:hsla(0,0%,100%,.4);text-shadow:0 4px 16px rgba(0,0,0,.2)}.collection-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.3) 0,transparent 50%);pointer-events:none}.collection-card-info{padding:var(--card-pad);display:flex;flex-direction:column;gap:10px}.collection-card-info h3{font-size:var(--t-xl);font-weight:700}.collection-count{font-size:var(--t-sm);color:var(--c-fg2);font-weight:500}.collection-cta{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:600;color:var(--c-accent);transition:gap .25s}.collection-card:hover .collection-cta{gap:12px}.collection-cta svg{transition:transform .25s}.collection-card:hover .collection-cta svg{transform:translateX(4px)}.collections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(48px,10vw,96px) 24px;gap:32px}.empty-visual{position:relative;width:200px;height:140px}.empty-cards{position:relative;width:100%;height:100%}.empty-card{position:absolute;width:120px;height:80px;border-radius:var(--r-lg);background:var(--c-muted);border:1px solid var(--c-border);box-shadow:var(--shadow)}.empty-card.card-1{left:0;top:30px;transform:rotate(-8deg);background:linear-gradient(135deg,#1e293b,#475569)}.empty-card.card-2{left:40px;top:10px;transform:rotate(-2deg);z-index:1;background:linear-gradient(135deg,#f59e0b,#d97706)}.empty-card.card-3{left:80px;top:30px;transform:rotate(6deg);background:linear-gradient(135deg,#059669,#047857)}.empty-content{display:flex;flex-direction:column;align-items:center;gap:12px}.collections-empty h2{font-size:var(--t-2xl);margin:0}.collections-empty p{color:var(--c-fg2);font-size:var(--t-sm);max-width:400px;margin:0;line-height:1.6}.empty-actions{margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--ctl-h);padding:0 calc(var(--u) * 3);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--t-sm);font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .2s,box-shadow .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--c-accent);color:var(--c-on-accent);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--c-accent) 60%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--c-accent) 88%,#000);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--c-accent) 70%,transparent)}@media (max-width:768px){.collections-grid{grid-template-columns:1fr}.collection-placeholder span{font-size:48px}.collections-hero h1{font-size:28px}.hero-subtitle{font-size:var(--fs)}}