.byl-archive{background:#fff;color:var(--byl-ink)}
.byl-archive-hero{padding:42px 0 38px;border-bottom:1px solid var(--byl-line);background:linear-gradient(180deg,#fff 0%,#fbf8f9 100%)}
.byl-breadcrumbs{margin-bottom:30px;font-size:11px;color:var(--byl-ink-3)}
.byl-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.byl-breadcrumbs li{display:flex;align-items:center;gap:7px}
.byl-breadcrumbs li:not(:last-child)::after{content:'/' ;color:#c6bec1}
.byl-breadcrumbs a{color:inherit;text-decoration:none}.byl-breadcrumbs a:hover{color:var(--byl-brand)}
.byl-archive-heading{max-width:860px}
.byl-archive-heading .byl-eyebrow{margin:0 0 8px}
.byl-archive-heading h1{margin:0;font-size:clamp(34px,5vw,60px);font-weight:500;line-height:1.03;letter-spacing:-.045em}
.byl-archive-description{max-width:760px;margin-top:18px;color:var(--byl-ink-2);line-height:1.68}
.byl-archive-description p:first-child{margin-top:0}.byl-archive-description p:last-child{margin-bottom:0}
.byl-archive-discovery{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.byl-archive-chip{min-height:36px;padding:8px 13px;background:#fff;text-decoration:none;transition:border-color var(--byl-duration-fast) var(--byl-ease),background-color var(--byl-duration-fast) var(--byl-ease)}
.byl-archive-chip:hover{border-color:rgba(155,55,73,.24);background:var(--byl-brand-soft)}
.byl-archive-products{padding:38px 0 78px}
.byl-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--byl-line)}
.byl-archive-result{margin:0;color:var(--byl-ink-3);font-size:12px;white-space:nowrap}
.byl-archive-sort{display:flex;align-items:center;gap:10px;margin:0}
.byl-archive-sort label{font-size:12px;font-weight:500;color:var(--byl-ink-2);white-space:nowrap}
.byl-archive-sort .byl-select{width:210px;min-height:44px}
.byl-archive-sort .byl-btn{min-height:44px;padding:0 18px}
.byl-archive-grid{align-items:start}
.byl-archive-empty{max-width:680px;margin:32px auto}
.byl-archive-empty .byl-btn{margin-top:20px}
.byl-archive-pagination{display:flex;justify-content:center;margin-top:54px}
.byl-archive-pagination ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.byl-archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--byl-line);border-radius:999px;color:var(--byl-ink-2);font-size:12px;text-decoration:none;background:#fff}
.byl-archive-pagination .page-numbers:hover{border-color:rgba(155,55,73,.28);color:var(--byl-brand)}
.byl-archive-pagination .page-numbers.current{border-color:var(--byl-brand);background:var(--byl-brand);color:#fff}
.byl-archive-seo{padding:68px 0 82px;border-top:1px solid var(--byl-line);background:var(--byl-surface-soft)}
.byl-archive-seo-content{color:var(--byl-ink-2);font-size:14px;line-height:1.75}
.byl-archive-seo-content h2,.byl-archive-seo-content h3,.byl-archive-seo-content h4{color:var(--byl-ink);font-weight:500;letter-spacing:-.025em}
.byl-archive-seo-content h2{margin:40px 0 14px;font-size:28px}.byl-archive-seo-content h3{margin:30px 0 12px;font-size:21px}
.byl-archive-seo-content p{margin:0 0 16px}.byl-archive-seo-content p:last-child{margin-bottom:0}
.byl-archive-seo-content a{color:var(--byl-brand);text-underline-offset:3px}
.byl-archive-seo-content img{max-width:100%;height:auto;border-radius:18px}
@media(max-width:820px){
  .byl-archive-hero{padding:34px 0 32px}.byl-breadcrumbs{margin-bottom:24px}
  .byl-archive-products{padding:32px 0 64px}.byl-archive-toolbar{align-items:flex-start}
  .byl-archive-seo{padding:54px 0 64px}
}
@media(max-width:600px){
  .byl-archive-toolbar{flex-direction:column;gap:14px}.byl-archive-sort{width:100%;display:grid;grid-template-columns:1fr auto;gap:9px}
  .byl-archive-sort label{grid-column:1/-1}.byl-archive-sort .byl-select{width:100%}
  .byl-archive-sort .byl-btn{padding:0 15px}.byl-archive-pagination{margin-top:40px}
  .byl-archive-pagination .prev,.byl-archive-pagination .next{min-width:auto}
}
@media(prefers-reduced-motion:reduce){.byl-archive-chip{transition:none}}