.wb-aromas-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;width:100%;max-width:100%;padding:0;margin:0;box-sizing:border-box}.wb-aromas-grid-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 8px;background:#111;border:2px solid #2a2a2a;border-radius:12px;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;cursor:pointer;min-width:0}.wb-aromas-grid-item:hover{border-color:#f29d38;box-shadow:0 0 20px rgba(242,157,56,.2);transform:translateY(-2px)}.wb-aromas-grid-icon{width:var(--wba-icon,80px);height:var(--wba-icon,80px);max-width:100%;object-fit:contain;transition:transform .3s ease}.wb-aromas-grid-item:hover .wb-aromas-grid-icon{transform:scale(1.08)}.wb-aromas-grid-placeholder{display:flex;align-items:center;justify-content:center;width:var(--wba-icon,80px);height:var(--wba-icon,80px);background:#222;border-radius:8px;color:#666;font-size:24px;font-weight:700;text-transform:uppercase}.wb-aromas-grid-name{font-size:.8rem;font-weight:600;color:#ccc;line-height:1.3;transition:color .25s ease}.wb-aromas-grid-item:hover .wb-aromas-grid-name{color:#f29d38}@media (max-width:1500px){.wb-aromas-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1280px){.wb-aromas-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.wb-aromas-grid{grid-template-columns:repeat(3,1fr);gap:8px}.wb-aromas-grid-item{padding:10px 4px;border-radius:8px}.wb-aromas-grid-name{font-size:.7rem}}