.roma-product-grid{display:flex;flex-direction:column;gap:var(--space-8)}.roma-product-grid__filters{display:flex;flex-direction:column;gap:var(--space-4)}.roma-product-grid__filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-beige-dark)}.roma-product-grid__categories{display:flex;gap:var(--space-1);role:tablist}.roma-product-grid__category-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-muted);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth);position:relative;outline:none}.roma-product-grid__category-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--color-earth);transition:all var(--duration-base) var(--ease-smooth);transform:translate(-50%)}.roma-product-grid__category-btn:focus-visible{outline:1px solid var(--color-earth)}.roma-product-grid__category-btn:hover{color:var(--color-petrol)}.roma-product-grid__category-btn--active{color:var(--color-petrol);font-weight:600}.roma-product-grid__category-btn--active:after{width:100%}.roma-product-grid__controls{display:flex;align-items:center;gap:var(--space-4)}.roma-product-grid__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2.5) var(--space-4);border:1px solid var(--color-beige-dark);background-color:var(--color-beige-light);color:var(--color-muted);transition:border-color .2s ease}.roma-product-grid__search:focus-within{border-color:var(--color-earth);color:var(--color-petrol)}.roma-product-grid__search-input{border:none;outline:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-petrol);background:transparent;width:180px}.roma-product-grid__search-input::placeholder{color:var(--color-muted)}.roma-product-grid__sort-wrapper{position:relative}.roma-product-grid__sort{padding:var(--space-2.5) var(--space-8) var(--space-2.5) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-petrol);background-color:var(--color-beige-light);border:1px solid var(--color-beige-dark);border-radius:0;appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8374' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease}.roma-product-grid__sort:focus{border-color:var(--color-earth)}.roma-product-grid__count{padding-top:var(--space-2)}.roma-product-grid__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8) var(--space-5)}.roma-product-grid__item{opacity:0}.roma-product-grid__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-20) 0;min-height:300px}.roma-product-grid__spinner{width:32px;height:32px;border:2px solid var(--color-beige-dark);border-top-color:var(--color-earth);border-radius:50%;animation:spin .8s linear infinite}.roma-product-grid__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-20) 0}.roma-product-grid__empty-title{font-size:var(--text-2xl)!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.roma-product-grid__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.roma-product-grid__filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.roma-product-grid__categories{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:none}.roma-product-grid__categories::-webkit-scrollbar{display:none}.roma-product-grid__controls{flex-direction:column;align-items:stretch;gap:var(--space-2.5)}.roma-product-grid__search,.roma-product-grid__search-input,.roma-product-grid__sort{width:100%}.roma-product-grid__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-3)}}