.obp.obp-archive{max-width:1280px;width:calc(100% - 32px);margin:1.5rem auto 3rem;color:#183047}
.obp-archive-crumbs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1rem;font-size:.83rem;color:#536979}
.obp-archive-crumbs a{color:#24536f;text-decoration:underline}
.obp-archive-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.5rem;align-items:start;padding:1.6rem;border:1px solid #dce5e9;border-radius:14px;background:linear-gradient(110deg,#f3f7f8 0%,#fff 100%);margin-bottom:1.7rem}
.obp-archive-hero:not(.has-brandmark){grid-template-columns:minmax(0,1fr)}
.obp-archive-brandmark{display:flex;align-items:center;justify-content:center;min-height:120px;background:#fff;border:1px solid #e0e8ed;border-radius:12px;padding:1rem}
.obp-archive-brandmark img{display:block;max-width:100%;height:auto;max-height:120px;object-fit:contain}
.obp-archive-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#9b2833;font-weight:800;margin:0 0 .4rem}
.obp-archive-hero h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.14;margin:0 0 .75rem;overflow-wrap:anywhere}
.obp-archive-description,.obp-archive-intro{max-width:85ch;line-height:1.65}
.obp-archive-description p,.obp-archive-intro p{margin:.5rem 0}
.obp-archive-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1.6rem}
.obp-archive-directory>div{padding:1rem;border:1px solid #dce5e9;border-radius:12px;background:#fff}
.obp-archive-directory h2{font-size:1rem;line-height:1.3;margin:0 0 .65rem}
.obp-archive-directory ul{display:flex;flex-wrap:wrap;gap:.4rem .8rem;list-style:none;margin:0;padding:0}
.obp-archive-directory a{color:#24536f;text-decoration:underline}
.obp-archive-list-heading{display:flex;justify-content:space-between;align-items:end;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.obp-archive-list-heading h2{margin:0;font-size:1.45rem}
.obp-archive-count{margin:0;color:#526777;font-size:.9rem}
.obp-archive-filters{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr)) auto;align-items:end;gap:.65rem;padding:1rem;border:1px solid #d8e3e9;border-radius:12px;background:#f4f8fa}
.obp-archive-filters label{min-width:0}
.obp-archive-filters input,.obp-archive-filters select{width:100%;min-height:42px;box-sizing:border-box}
.obp-archive-filters button{white-space:nowrap}
.obp-archive-reset{grid-column:1/-1;width:max-content;color:#24536f;text-decoration:underline;font-size:.87rem}
.obp-archive-filter-error{padding:.7rem .85rem;color:#7f2028;background:#fff3f2;border-left:4px solid #a32630;margin:.65rem 0}
.obp-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.8rem;margin:1rem 0}
.obp-archive-product{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;background:#fff}
.obp-archive-product-image{display:flex;align-items:center;justify-content:center;background:#f5f8fa;height:170px;padding:.65rem}
.obp-archive-product-image img{display:block;max-width:100%;max-height:100%;height:auto;object-fit:contain}
.obp-archive-product-body{display:flex;flex-direction:column;flex:1;padding:1rem;min-width:0}
.obp-archive-product-tags{margin:0 0 .4rem;font-size:.76rem;color:#556e7e}
.obp-archive-product-tags a{color:#28607a;text-decoration:underline}
.obp-archive-product h3{font-size:1.1rem;line-height:1.3;margin:.1rem 0 .5rem;overflow-wrap:anywhere}
.obp-archive-product h3 a{color:#183047;text-decoration:none}
.obp-archive-product h3 a:hover{text-decoration:underline}
.obp-archive-specs{display:grid;gap:.4rem;margin:auto 0 0}
.obp-archive-specs>div{display:flex;gap:.5rem;justify-content:space-between;border-bottom:1px solid #e8eef1;padding-bottom:.3rem;font-size:.81rem}
.obp-archive-specs dt{color:#526777}.obp-archive-specs dd{margin:0;font-weight:700;text-align:right}
.obp-archive-product-footer{display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:.95rem}
.obp-archive-product-footer label{font-size:.78rem;white-space:nowrap}
.obp-archive-details{font-size:.83rem;font-weight:700;color:#8d242d;text-decoration:underline}
.obp-archive-pagination{margin:1.3rem 0}.obp-archive-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0}
.obp-archive-pagination a,.obp-archive-pagination span{display:inline-block;padding:.35rem .65rem;border:1px solid #bbccd5;border-radius:6px;text-decoration:none}
.obp-archive-pagination .current{background:#183047;color:#fff}
.obp-archive-compare{margin-top:1.6rem;border-top:1px solid #dbe4ea;padding-top:1rem}
.obp-archive-empty{padding:1.2rem;background:#f4f8fa;border:1px dashed #adbfca;border-radius:9px}
.obp-archive :is(a,button,input,select):focus-visible{outline:3px solid #2275a4;outline-offset:2px}
@media(max-width:1000px){.obp-archive-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.obp-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.obp.obp-archive{width:calc(100% - 24px)}.obp-archive-hero{grid-template-columns:minmax(0,1fr);padding:1rem;gap:.7rem}.obp-archive-brandmark{width:140px;min-height:92px}.obp-archive-directory{grid-template-columns:minmax(0,1fr)}.obp-archive-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:.8rem}.obp-archive-grid{grid-template-columns:minmax(0,1fr)}.obp-archive-product-image{height:140px}}
@media(max-width:420px){.obp-archive-filters{grid-template-columns:minmax(0,1fr)}}