.page-header{padding:var(--space-3xl)0;background-color:var(--color-off-white);border-bottom:var(--border-width) solid var(--border-color)}.page-header h1{font-size:var(--font-size-display);margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.page-header p{font-size:var(--font-size-lg);color:var(--color-dark-gray);margin:0;max-width:600px}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb ol{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.breadcrumb li,.breadcrumb ol{display:flex;align-items:center;gap:var(--space-sm)}.breadcrumb li:not(:last-child)::after{content:"/";color:var(--color-gray)}.breadcrumb a{color:var(--color-dark-gray);transition:color var(--transition-base)}.breadcrumb a:hover,.filter-checkbox:hover .filter-checkbox__label{color:var(--color-primary)}.breadcrumb [aria-current=page]{color:var(--color-black);font-weight:var(--font-weight-bold)}.products-section{padding:var(--space-3xl)0 var(--space-5xl);background-color:var(--color-white)}.products-layout{display:grid;grid-template-columns:1fr;gap:var(--space-3xl)}@media (min-width:1024px){.products-layout{grid-template-columns:280px 1fr}}.filters{background-color:var(--color-white);border:1px solid var(--color-black);padding:var(--space-xl);height:fit-content;position:sticky;top:calc(var(--header-height) + var(--space-lg))}@media (max-width:1023px){.filters{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;z-index:var(--z-modal);transform:translateX(-100%);transition:transform var(--transition-base);overflow-y:auto;border-radius:0;border:0;border-right:1px solid var(--color-black)}.filters.open{transform:translateX(0)}}.filters__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-light-gray)}.filters__header h2,.filters__reset{text-transform:uppercase;letter-spacing:1px}.filters__header h2{font-family:var(--font-display);font-size:var(--font-size-lg);margin:0}.filters__reset{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--color-primary);background:0 0;border:0;cursor:pointer;transition:opacity var(--transition-base);text-decoration:underline}.filters__reset:hover{opacity:.7}.filter-group{margin-bottom:var(--space-xl)}.filter-group__title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-black);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md);display:block}.filter-group__options{display:flex;flex-direction:column;gap:12px}.filter-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.filter-checkbox input{position:absolute;opacity:0;width:0;height:0;cursor:pointer}.filter-checkbox__mark{width:18px;height:18px;border:1px solid var(--color-gray);border-radius:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);transition:all .2s ease;flex-shrink:0}.filter-checkbox__mark::after{content:"";width:10px;height:10px;background-color:var(--color-primary);transform:scale(0);transition:transform .2s ease}.filter-checkbox input:checked+.filter-checkbox__mark{border-color:var(--color-primary)}.filter-checkbox input:checked+.filter-checkbox__mark::after{transform:scale(1)}.filter-checkbox__label{font-family:var(--font-body);font-size:14px;color:var(--color-dark-gray);transition:color .2s ease}.filter-checkbox input:checked~.filter-checkbox__label{color:var(--color-black);font-weight:500}.filters-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:all var(--transition-base);backdrop-filter:blur(4px)}.filters-overlay.active{opacity:1;visibility:visible}.filters-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-black);font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-lg);width:100%;justify-content:center;cursor:pointer;transition:all .2s ease}.filters-toggle:hover{background-color:var(--color-black);color:var(--color-white)}@media (min-width:1024px){.filters-toggle{display:none}}.products-content{min-width:0}.products-toolbar{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-black);background-color:var(--color-white)}@media (min-width:768px){.products-toolbar{flex-direction:row;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-xl)}}.products-toolbar__actions select,.products-toolbar__info{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:1px}.products-toolbar__info{font-weight:500;color:var(--color-gray)}.products-toolbar__info span{font-weight:700;color:var(--color-primary);margin-right:4px}.products-toolbar__actions{display:flex;align-items:center}.products-toolbar__actions select{min-width:220px;border:0;background-color:transparent;color:var(--color-black);cursor:pointer;padding-right:24px;text-align:right;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.products-toolbar__actions select:focus{outline:0}.products-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);background-color:var(--color-white)}@media (min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.products-grid{grid-template-columns:repeat(3,1fr)}}.products-empty,.products-error,.quote-card{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5xl);text-align:center;color:var(--color-dark-gray)}.quote-card{grid-column:auto;padding:var(--space-3xl) var(--space-2xl);background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-black);min-height:400px}.quote-card__icon{width:48px;height:48px;margin-bottom:var(--space-lg);color:#fff}.quote-card__quote{font-family:var(--font-heading);font-size:var(--font-size-l);font-weight:700;line-height:1.3;margin-bottom:var(--space-md);text-transform:uppercase}.quote-card__attribution{font-family:var(--font-body);font-size:var(--font-size-sm);color:#fff;font-style:italic}.pagination,.pagination__button{display:flex;align-items:center;justify-content:center}.pagination{gap:var(--space-sm);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:var(--border-width) solid var(--border-color)}.pagination__button{min-width:44px;height:44px;padding:0 var(--space-md);background-color:var(--color-white);border:var(--border-width) solid var(--border-color);color:var(--color-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base)}.pagination__button:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.pagination__button.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination__button:disabled{opacity:.3;cursor:not-allowed}